开发者

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 Po开发者_高级运维sition but it is my requirement to use the absolute position. How can I do it?


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.


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

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜