The link cannot be clicked after the filter is used in IE6.

Source: Internet
Author: User
I am a front-end engineer who seldom uses the IE filter and does not agree to use the IE filter. But today, a friend sent me a BUG about IE6, that is, the AlphaPNG transparent IE filter was used in IE6.

I am a front-end engineer who seldom uses the IE filter and does not agree to use the IE filter. But today, a friend sent me a BUG about IE6, that is, after the AlphaPNG transparent IE filter is used in IE6, the link cannot be clicked.
The specific situation is as follows: Use the DXImageTransform. Microsoft. AlphaImageLoader filter in IE6, And the link in IE6 becomes unclickable. The a link here is not dead, nor is the attribute missing, but may be blocked by a layer, so you cannot click it. Generally, the solution to this problem is to add the position: relative; attribute to the link.
However, if we add absolute positioning to the container using the filter container, add the relative positioning attribute (position: relative;) to the tag ;), the a link cannot be clicked.
How can we achieve the best ??
Perhaps we can do this: Add a container to the outer layer of the container using the filter, locate the container absolutely, and then add the position: relative; attribute to the link, in this way, the filter effect is not affected, and the click effect of a link is compatible.
Another better solution is to add an empty background image or a transparent background image to link.
Code: a {background: url (#);/* or a transparent GIF image */}
I cannot explain to you why this method can solve this IE6BUG. If you want to know the answer urgently, please follow the original article: No Transparency Click Bug.
As to why the link cannot be clicked after the IE filter is used, the only reason I want to explain is DXImageTransform. microsoft. the AlphaImageLoader filter may change the container level, so the link seems to be hidden. Of course, you cannot click it, and the positioning attribute can also change the Element Level, therefore, if you use the positioning attribute for Link a, the link a appears again and you can click it.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.