javascript - Internet Explorer 8 事件通过透明父项失败

Question

当您有一个透明的 div 并在(例如)中生成点击时，点击会直接落到下面的元素上。这种行为在其他现代浏览器中不存在，我确信不在任何 W3C 推荐范围内。最后，它搞砸了我的设计。有什么办法可以解决这个问题吗？

澄清 - 透明，如未定义背景颜色或背景颜色:透明；

另一个澄清 - 我的意思是完全通过浏览器的行为，因为透明元素完全不存在 - 忽略它的事件处理程序并触发下面元素的其他事件处理程序，这些元素不是他的 parent ，应该被它隐藏.

我通过将背景颜色设置为非透明并使用

解决了这个问题

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

代替旧的实现透明

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";

感谢所有帮助过的人!

Answer 1

我们能否通过为元素提供背景色和零或几乎为零的不透明度来解决这个问题？当您想为文件输入元素提供自定义外观时使用此 hack ( http://www.quirksmode.org/dom/inputfile.html )