This article Reprinted from: http://blog.csdn.net/luojxun/article/details/4064513
In IE6, when a transparent layer is used to cover another layer, this transparent layer cannot respond to events. (I don't know if this problem exists in IE7 and IE8 .) Firefox can respond to events. How can this problem be solved? Google cannot find the answer to this question.
But fortunately, the ext-core-3.0-beta1 was released and found there was a lightbox in his examples, the example inside solved the problem. The <A> label is used as the cover layer. Find the corresponding selector in the CSS file. The following code is found in his code.
# Ux-lightbox-navprev,
# Ux-lightbox-navnext {
Width: 49%;
Height: 100%;
Background-image: URL (data: image/GIF; base64, AAAA);/* trick IE into showing hover */
Display: block;
}
Note/* trick IE into showing hover */. Haha, isn't that what I need.
After testing, you can apply the background-image: URL (data: image/GIF; base64, AAAA) to your overwriting layer to solve the problem, not only can the <A> label be used, but the <div> label can also be used. Haha, it seems I am lucky.