IE8&使用-ms-filter的IE9渐变覆盖了元素

时间:2013-04-02 08:22:28

标签: css internet-explorer internet-explorer-8 internet-explorer-9 gradient

申请时:

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF,endColorstr=#000000)";

到DIV,渐变的行为就好像它是一个覆盖div的元素,因此鼠标光标不再改变,也不会在div上发生mousemove事件。 div仍然响应的唯一部分是边界。

我用Google搜索并哭泣,让奶牛上床睡觉,但一切都无济于事。它显示完美,但我需要让包含div响应鼠标事件,我没有更多的头发可以撕掉。

幸福的一天确实是我们不再关心使用IE8 / 9的可怜草皮

1 个答案:

答案 0 :(得分:2)

不幸的是,你是对的;这正是渐变滤镜的工作原理。

我认为你唯一的办法就是使用传统的预渲染渐变图像作为CSS背景,或者将滤镜应用于直接位于div后面的另一个元素(或:before伪元素可能吗?我不确定渐变是如何与生成的框一起工作的。)