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

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.