a: hover
- Started
- Last post
- 8 Responses
- jysta
Calling all NT CSS guru's...
Iv got some PNG images I want to use as rollovers.
easiest way?? got it working in Firefox but not in Safari any ideas???
Oh let me post the code 1sec...
- jysta0
CSS:
#offer1 a:hover {
position:relative;
width:260px;
height:204px;
background-image:url(images/box...
float:left;
z-index:10;
}HTML:
as i said this work fine in Firefox. :-/
- jysta0
Sorry jevad, I wasn't very clear on this one, it's not the png's im having an issue with,
its enabling the a:hover function to the tag
which will apply a background image (in CSS) whenever the user rolls over the image.
Hard to explain il post an example.
- welded0
Google "css image rollover". There are a few different techniques that you can use, like just changing the background colour or shifting the position of a background image.
- Jaline0
maybe these will help:
http://www.designmeme.com/articl…
http://www.motuweb.com/techstuff…
http://www.oreillynet.com/pub/a/…welded is right about searching around for whatever technique suits your needs.
- jysta0
yeah thanx guys got something that does the job...
http://www.tanfa.co.uk/css/examp…
If anyones been looking for similar effect as I was, its there^
- tomkat0
I experienced IE was better at CSS when you gave the whole path, like
div#navigation ul li a
for example
- rafalski0
there is no hover in IE for elements other than a, the image either has to be contained within an a or the thing must be scripted