Hi All ,
div img:hover {
outline:2px solid #4d3326;
}
The above code is not working in ie , its working fine in firefox and chrome , may i know what is the problem or any alternative
Thanks
views:
32answers:
3
+2
A:
IE6/7 don't support outline, you can see which browser's support it on quirksmode here: http://www.quirksmode.org/css/contents.html#t26
Further, IE6 doesn't support :hover on an <img> either, so it's double-broken there :)
Nick Craver
2010-10-22 01:18:02
and IE6 doesn't support hover on the img element.
ScottE
2010-10-22 01:18:59
@ScottE - yup, was already adding this, took me a bit to find the link id :)
Nick Craver
2010-10-22 01:32:37
Then how can i add image border on mouseover , do i need to wrap around a div and add div border on mouseover??
gov
2010-10-22 02:24:57
Just use border instead of outline...
Badr Hari
2010-10-22 07:41:33
A:
As mentioned in other posts you can't use :hover for an image in IE, it works only on <a> tags, nor does it support outline in versions below 8.
An alternative would be to wrap your image in an anchor.
<a href="#" class="imagehover">
<img src="bg_panel_corners.png" alt="" />
</a>
And then you can use a border on the anchor
.imagehover:hover{border:2px solid #4d3326}
I do realise this may not be ideal. If so you can use javascript to enable :hover on none <a> elements, take a look at this article
Rocket Ronnie
2010-10-22 10:00:16