I thought that the :hover pseudo-class only works on links in IE. This example proves this thought wrong when tested in IE8. How come?
In IE6, it only worked on a elements. That was fixed in newer versions.
Related
I've got the following CSS:
.class1,
.class2:hover,
.class3:disabled { color:red; }
This works in Chrome, Firefox, Safari, IE9 and IE7.
Only browser that doesn't support this is IE8.
Is there a way to make it work?
Tnx
IE 8 does not support the pseudoclass :disabled (neither does IE7) altogether. Multiple classes and :hover are supported.
Unlike IE7, IE8 behaves correctly according to ยง4.1.7 and ignores the entire rule due to the fact that it cannot interpret one of the selectors.
I tried to add an image using :before in css. It worked fine in firefox 4 but when I tested it in IE 7,it didn't display me anything..How can I solve this issue in IE7?
#vimal; :before is css2.1 property which is not supported by ie7.
Check these for more:
http://css-tricks.com/9189-browser-support-pseudo-elements/
http://www.quirksmode.org/css/contents.html
IE7 doesn't support the :before pseudo class.
There is nothing you can do with CSS alone to make it work. You could possibly use a background-image on the li element itself.
You could mimic it with JavaScript.
On which elements the attribute hover works on all browsers ?
I guess the element is cross-browser. What about ? Is there any other element ?
For cross-browser I mean working on Safari, Chrome, Firefox, IE 9, 8 and possibly 7.
It's not dependent on which element it is applied to, apart from in IE5/6.
IE 5/6 supports it only on links.
IE 7 supports :hover, but not :active, on all elements.
Put this link on your bookmarks - it will save you plenty of time.
http://www.quirksmode.org/css/contents.html
So for IE7+ and all other browsers, it'll work fine.
I have a hover effect in css. It works correctly in all other browser except in ie6.
The problem is if I give a link then the hover works in that page but if I take href from the page hover doesn't works, please help me.
You can't use :hover on anything not a link in IE 6.
Here is the quote from quirksmode:
IE 5/6 supports both only on links. IE 7 supports :hover, but not
:active, on all elements.
You can find that on this page.
Maybe you could use Whatever:hover: http://www.xs4all.nl/~peterned/csshover.html
Suckerfish is a tried-and-true IE6 fix for :hover
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://ec4u.dev.creative-ctrl.com/product/wallys-natural-100-beeswax-ear-candles-12pk
Check it.
cannot get .menu ul to render for the life of me!!
strange enough, it renders in ie6, ie8, safari, and ff, but not ie7! I've tried everything. Any ideas?
(I'm pretty close to xhtml strict validation too).
It looks it's the IE7 CSS (themes/EC4U/ie7.css) that is responsible. Simply removing those styles was enough for the menu to show up for me.