Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2009
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation CSS Image Replacement Not Working in IE

    Hi all,

    I'm really baffled as to why this code is not replacing the images on :hover in IE.

    Could anyone give me a pointer or two? Thank you so much if so.

    Stylesheet:

    Code:
    #header {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     width: 950px;
     height: 100px;
     background-image: url("img/headerimg.png");
     background-repeat: no-repeat;
     text-align: left;
    }
    
    #header a:hover {
     border: none;
     opacity: 0.0;
     filter: alpha(opacity=0);
     z-index: -1;
    }
    Web Page:

    Code:
    <div id="header">
    <a href="#"><img src="img/image1.png" /></a><a href="#"><img src="img/image2.png" /></a><a href="#"><img src="img/image3.png" /></a>
    </div>
    Thanks.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    I'm really baffled as to why this code is not replacing the images on :hover in IE.
    I don't see any code to "replace" something in your post. And a negative z-index does not hide an element in IE, as a standard browser like FIrefox
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •