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.