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 6 of 6
  1. #1
    New Coder
    Join Date
    Jan 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    My Links do not work when using png as a background graphic in IE

    Hi all

    i have a problem with the links in my web page not working when using a png as a background graphic in my container div which as relative positioning applied to it.

    It works fine in Firefox and safari - but IE, no joy.

    I have an example page i set up to illustrate the problem.
    http://www.case236.co.uk/u_web2.html


    i have read that this is a known problem. But has anyone here come up with a solution to this most annoying of bugs.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    I'm getting a 404 when I click on the link. But anyway. Your problem probably occurs due to a z-index issue. The relatively positioned element is on top of your links and probably covering them, hence making them not accessible by mouse. Either position your links relative too and assign z-index: 2; to them or don't use positioning at all.

  • #3
    New Coder
    Join Date
    Jan 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    I'm getting a 404 when I click on the link. But anyway. Your problem probably occurs due to a z-index issue. The relatively positioned element is on top of your links and probably covering them, hence making them not accessible by mouse. Either position your links relative too and assign z-index: 2; to them or don't use positioning at all.
    So let me get this right.

    although all the elements are in effect housed (relatively) within the #grandwrapper div - is the #grandwrapper div seen as being on top of the pile of the div's within it?

    and anyway, would'nt z-indexing that it outside of the relative possitioning flow?

  • #4
    New Coder
    Join Date
    Jan 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    Either position your links relative too and assign z-index: 2; to them or don't use positioning at all.
    Oh, and ALL the div's used on the page are positioned relatively.

  • #5
    Senior Coder
    Join Date
    Feb 2003
    Posts
    1,665
    Thanks
    0
    Thanked 27 Times in 25 Posts
    It's a known issue in IE6 that occurs due to the use of the CSS filter property.
    As VIPStephan suggests, it can be fixed by making all anchors relatively positioned.
    (I don't think the z-index is necessary.)

    Code:
    a {
    	position: relative;
    }
    Last edited by Bill Posters; 10-31-2006 at 11:42 AM.

  • #6
    New Coder
    Join Date
    Jan 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Bill Posters View Post
    It's a known issue in IE6 that occurs due to the use of the CSS filter property.
    As VIPStephan suggests, it can be fixed by making all anchors relatively positioned.
    (I don't think the z-index is necessary.)

    Code:
    a {
    	position: relative;
    }
    sorry, but that does'nt seem to work. Just the same as before.

    is there anything in my code/css that prevents this from working?


  •  

    Posting Permissions

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