hover does not work in ie8...?
Permalink
Hi all
I'm setting up this site:
textcube.c-ex-c.org
I got almost everything to work - but now I checked with IE8, and "hover" does not work!
If you hover over the top menu, the background behind each respective menupoint turns red. This was done with:
#nav li a:hover {
color: white;
background: #e2001a;
}
in typography.css.
Works fine in FF, Opera, IE6&7, but IE8 does not do a thing. No hovering whatsoever.
I googled it, and found something about a similar bug in a beta version. But my IE8 version is final, and still nothing.
Have I forgotten someting?
thanx
RizzzO
I'm setting up this site:
textcube.c-ex-c.org
I got almost everything to work - but now I checked with IE8, and "hover" does not work!
If you hover over the top menu, the background behind each respective menupoint turns red. This was done with:
#nav li a:hover {
color: white;
background: #e2001a;
}
in typography.css.
Works fine in FF, Opera, IE6&7, but IE8 does not do a thing. No hovering whatsoever.
I googled it, and found something about a similar bug in a beta version. But my IE8 version is final, and still nothing.
Have I forgotten someting?
thanx
RizzzO
but try this:
Make sure that you address all the states of the button. I don't know if you have so I a just throwing it out there.
Make sure you have the following entries:
#nav li a
#nav li a:link
#nav li a:active, #nav li a:visited
#nav li a:hover
Hover should always be last. You can group a:active and a:visited if you like or you can even group a:link a:active and a:visted depending on the states you want
Make sure you have the following entries:
#nav li a
#nav li a:link
#nav li a:active, #nav li a:visited
#nav li a:hover
Hover should always be last. You can group a:active and a:visited if you like or you can even group a:link a:active and a:visted depending on the states you want
nothing worked...
any more suggestions?
AND (while I'm on the subject of things I don't quite get :-) ):
Why does the logo on the right top not appear in front of the main body? I added z-index to all elements, and #header-content has got the highest value. Shouldn't that mean it's supposed to be on top of everything else?
(in FF, you sorta see it through the main body - in IE, the bottom part is invisible..)
Thanx
any more suggestions?
AND (while I'm on the subject of things I don't quite get :-) ):
Why does the logo on the right top not appear in front of the main body? I added z-index to all elements, and #header-content has got the highest value. Shouldn't that mean it's supposed to be on top of everything else?
(in FF, you sorta see it through the main body - in IE, the bottom part is invisible..)
Thanx
Interesting: While bitching around with the z-index (and finding out that it'll only work when adding position:XXX;), I fixed the logo appearance on the right side, and also the hover issue.
Seems hover would not work because the menu was not the top layer. Setting z-index for the logo to 100 and the one for the menu to 101 solved the issue.
Now it's only Firefox that doesn't display stuff correctly (Layers, or z-index respectively, and therefore also hover)...wtf? Works perfectly fine in IE 7 AND 8 now, and now Firefox??
Seems hover would not work because the menu was not the top layer. Setting z-index for the logo to 100 and the one for the menu to 101 solved the issue.
Now it's only Firefox that doesn't display stuff correctly (Layers, or z-index respectively, and therefore also hover)...wtf? Works perfectly fine in IE 7 AND 8 now, and now Firefox??
