为啥新版IE和Edge不支持CSS滤镜效果?

Posted

技术标签:

【中文标题】为啥新版IE和Edge不支持CSS滤镜效果?【英文标题】:Why don't new versions of IE and Edge support CSS filter effects?为什么新版IE和Edge不支持CSS滤镜效果? 【发布时间】:2016-01-22 04:17:58 【问题描述】:

我一直很喜欢使用这些效果,我不介意它们在旧浏览器中优雅地降级,但 Internet Explorer 11 and Edge 12 仍然不支持它们。

这不是 Microsoft 第一次避免采用在其他地方广泛使用的规范。

我知道 Edge 是一个大项目,而且 IE 浏览器也在 IE8/9 中从头开始重新设计,但有时几乎似乎 IE/Edge 故意让设计人员感到困难以及开发人员在它与 Firefox、Chrome 和 Safari 等其他浏览器正在采用的浏览器之间缺乏连续性。

是否有我无法识别的原因?

【问题讨论】:

最新的 MS 浏览器应该部分支持它们。如果你想要一个跨浏览器的解决方案,从 IE9 开始就已经实现了 svg 过滤器。 caniuse.com/#feat=css-filters 【参考方案1】:

根据https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/css/filter-effects/支持CSS滤镜效果

我在我自己的网站https://trajano.net/ 上看到过它们,除了Do CSS Filter Effects work when position:absolute in Edge? 一种情况

【讨论】:

以上是关于为啥新版IE和Edge不支持CSS滤镜效果?的主要内容,如果未能解决你的问题,请参考以下文章

CSS滤镜及精灵技术

为啥我在网页里用了css滤镜后浏览时会出现IE安全警告?

IE6下png背景不透明——张鑫旭博客读书笔记

css3的滤镜filter属性

求解为啥谷歌浏览器不支持html5。最新版本。

JS实现背景透明度可变,文字不透明的效果