CODEWITHSUNDEEP
cssinternet-explorer-6
Salman Virk
Salman Virk

Reputation: 12317

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

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?

Upvotes: 1

Views: 1345

Answers (2)

bobince
bobince

Reputation: 536587

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.

Upvotes: 2

fish2000
fish2000

Reputation: 4435

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

Upvotes: 0

Related Questions