In IE6, after using AlphaImageLoader filter, links are not clickable anymore.

Question

I am using AlphaImageLoader to display my transparent PNG in IE6. The HTML is,

<div id="infoBox">
<a href="links.html">Links</a>
</div>

The CSS is,

    #infoBox
    {

background:url('/images/bg.png') !important; background:; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg.png',sizingMethod='scale'); position:Absolute;

    }

    #infoBox a:link
    {
     text-decoration:none;
     position:relative;
    }

It is working fine but links are no more clickable in IE6. What I read over internet is that I have to make the element using AlphaImageLoader not using any Position but it is my requirement to use the absolute position. How can I do it?

Answer 1

try setting the link's z-index to a high value -- that has worked for me to overcome similar bugs.

Answer 2

You can put the absolute positioning on a parent wrapper instead of the element with the background, which can change the circumstances under which the IE6 uninteractivity bug appears.

Amusingly, even changing the size of the background image can affect the bug. See this exasperating discussion.