链接通过IE8中的半透明DIV覆盖进行泄漏

时间:2011-05-16 19:56:31

标签: css

我刚注意到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中不会发生此问题。

我如何解决这个错误?

编辑:请注意,这与整个div的不透明度设置为0.7不同!这将导致它内部的文本(我有)也褪色。这是严格的背景颜色alpha。

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

1 个答案:

答案 0 :(得分:1)

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

应用透明度

OR

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