jagguy
asked on
image doesnt swap
Hi,
My image doesnt swap on hover and I am not sure why. I just get a blank image on hover and I checked to make sure the image exists.
My image doesnt swap on hover and I am not sure why. I just get a blank image on hover and I checked to make sure the image exists.
<div id="headingIconList">
<ul>
<li>
<div id="ic1"><a href=""><img class="mimg" src="../images/ic1.png" alt="head2"/></a></div>
#ic1{
margin:0;
padding:0;
background-image:url(images/ic1b.png);
}
#ic1 a, a:link, {
display: block;
width: 100px;
height: 100px;
}
#ic1 a:hover img {
visibility:hidden;
}
The CSS you give hides the #ic1 img when you hover the <a> tag. There is no "swap" function here. If you want to swap images this way, you'll need Javascript or jQuery. You could do it with CSS if you used background images.
Can you show a live example so we can better see what your wanting to do?
Can you show a live example so we can better see what your wanting to do?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
http://www.mymrt.net/ComputerTraining/test3.html