css - 链接通过 IE8 中的半透明 DIV 覆盖泄漏

Question

我刚刚注意到 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 不同!那会导致它里面的文字(我有)也会褪色。这是严格意义上的背景色 alpha。

在这里 fiddle :http://jsfiddle.net/csaltyj/dxTdq/

Answer 1

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

或

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