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

标签 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 唯一仍在响应的部分是边框。

我在谷歌上搜索过,哭过,让奶牛上床 sleep ,但都无济于事。它显示完美,但我需要让包含的 div 响应鼠标事件,我没有更多的头发可以撕掉。

当我们不再关心使用 IE8/9 的可怜的草皮时,这确实是一个快乐的日子

最佳答案

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

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

关于css - IE8 & IE9 渐变使用 -ms-filter 覆盖元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15759326/

相关文章:

html - 如何使图像从 CSS 响应

css - 任何人都可以让这个 CSS 工作吗

internet-explorer - Firefox 和 IE 对同一图像的渲染方式不同!

internet-explorer-8 - 为什么IE8密码栏在键盘输入时什么都不显示?

internet-explorer - 无法在 IE 8 中显示来自 HTTPS 的 PDF(在 64 位 Vista 上)

html - 在 polymer 元素中设置 <img> 的 src

javascript - 滚动页面时背景图像上的视差滚动

javascript - 以前我从谷歌驱动器渲染图像,现在我需要从本地路径渲染它。如何在 Reactjs 中渲染 const 变量中的图像?

javascript - IE9输入类型文件获取二进制数据

javascript - getElementsByTagName(...).0.parentNode' 为 null 或不是对象