链路通过 IE8 中的半透明 DIV 覆盖层泄漏



我刚刚注意到IE8的一些东西。我有一张链接的照片,图像上有一个部分透明的div(只是它的底部三分之一左右),它正在使用这个CSS代码:

background: rgba(0, 0, 0, 0.7); /* handles the proper browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); /* for IE */

不幸的是,当将鼠标悬停在div 上时,光标是一个指针,单击会导致 img 的链接。如果我摆脱该过滤器并仅制作背景#000,它可以正常工作,并且覆盖层会阻止任何点击。此行为不会在 Firefox 或 Chrome 中发生。

如何解决此错误?

编辑:请注意,这与不透明度设置为 0.7 的整个div 不同!这会导致其中的文本(我有)也褪色。这是严格的背景颜色阿尔法。

在这里小提琴:http://jsfiddle.net/csaltyj/dxTdq/

我遇到了同样的问题。您必须在样式中使用不透明的颜色并通过jquery应用透明度

制作一个半透明的.png作为div 的背景

最新更新