Hyperlinks not working in IE6

If you’re using Internet Explorer 6’s proprietary filter CSS property to apply a transparent background image to an element that contains links you may find that the links don’t work anymore. I stumbled around on the net looking for an answer but everyone was talking about problems stemmed from absolute positioning of items. Even though I had nothing positioned absolute I tried those fixes anyway but they of course didn’t work. Finally I stumbled upon this link which points out that the fix is to not change the container’s position but instead the position of the links within the container. It also helped to remind me that all elements default to a position of static, not relative or absolute.

#topnav{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/top_nav_bg.png);}
#topnav a{position:relative;}

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.