Jump to content

z-1 text left margin set by z-0 element


ferren
 Share

Recommended Posts

I create a z-1 box on hover for footnotes and references, with:

 

/* Hover to display Reference or Note in popup box */
a.n:hover span {
position : relative ;
top ; 30 px ;
right : 10px ; /* Keep right edge of box on screen */
display : block ;
z-index : 1
width : 95% ;
color : black ;
text-decoration : none ;
font-size : 0.90em ;
text-indent : 0 ;
text-align : left ;
background : #fcfaff ;
outline : 2px solid blue ;
padding : 3px ;
}
This has been working for several years; suddenly it crowds the text to the right of the right edge of anything below the hovering box. See the effect at http://electromontis.net/evoligion/_B/B05.shtml#F5.1 when you hover on the blue text in the figure caption--at least in Safari and Firefox. (I have changed many other presumably unrelated things, but not this css code.)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...