我刚刚注意到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 的背景