透明层覆盖在另一层上，透明层在ie6下不能响应事件的解决

     本文转载自： http://blog.csdn.net/luojxun/article/details/4064513  

ie6下，当使用一个透明层覆盖在另一层上时，这个透明层就不能响应事件。（ie7和ie8下是否有该问题，就不知道了。）而firefox下是可以响应事件的。如何解决这一问题呢？Google上搜不到该问题的答案。

    不过幸好，ext-core-3.0-beta1发布了，发现在他的examples里有一个lightbox，里面的例子就解决了这问题。他是使用<a>标签作为覆盖层的。找到他的css文件找到对应的选择符。在他的代码发现有如下代码。

#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;
}

 

注意到注释/* Trick IE into showing hover */。呵呵，不就是我需要的吗。

经本人测试，将background-image: url(data:image/gif;base64,AAAA); 应用到你的覆盖层上，的确就能解决该问题，不光<a>标签可以，<div>标签也可以，呵呵，其他就没去测试。哈哈，看来我还真是比较幸运。