Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Different Rollover Image on Hover - not working in Chrome & Safari


Holygamer999 - 2:21 pm on Oct 5, 2012 (gmt 0)


I have a thumbnail image displayed and when you rollover it I want a different image displayed (this is not a larger version of the image, it's a different image). This works in Firefox, Opera and Internet Explorer but not Chrome or Safari. How can I fix it? I have several different thumbs that I want to do this for.

This is the thumbnail:

<a href="" class="Raw1996"><img src="image.jpg" style="width: 150px; height:173px; display:block"></a>

This is my css for the rollover image to display (when you do this the thumb is hidden):

.Raw1996:hover { display: block; position:absolute; top: 0px; left: 0px; width: 800px; height: 437px; background-image: url('image.jpg') }

[edited by: Holygamer999 at 2:51 pm (utc) on Oct 5, 2012]


Thread source:: http://www.webmasterworld.com/css/4504496.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com