CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – filter:模糊不适用于MS Edge大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_381_1@microsoft Edge不支持过滤器:blur();喜欢它.如果我有一个带filter:blur()的绝对定位元素,那么显示在顶部的输入将变得坚固,与模糊合并(有趣的是观看).

这是一个小提琴,展示会发生什么.在Chrome和Firefox中完美运行,但Edge变成了临界癫痫症.只需点击输入即可享受:
https://jsfiddle.net/Cthulhu/3uz0Lpfz/2/

这是一个代码示例:

<style>
  article {
    BACkground: url(http://uzebox.org/wiki/images/1/19/Arkanoid.gif) no-repeat;
    -webkit-filter: blur(20pX);
    -moz-filter: blur(20pX);
    -o-filter: blur(20pX);
    -ms-filter: blur(20pX);
    filter: blur(20pX);
    height: 448px;
    position: absolute;
    width: 720px;
  }

  input {
    margin: 100px 0 0 20px;
    position: relative;
  }
</style>

<article></article>
<input />

您甚至可以尝试在小提琴上放置一个Windows资源管理器窗口,它将与图像模糊“交互”,这很有趣.
我尝试拍摄截图,但最终结果显示了它们应该是的东西,并忽略了错误(没有乐趣:-().

有没有想过只使用CSS解决这个bug的想法?

解决方法

更新:此问题在Microsoft Edge的最新版本中不再存在,应在2016年8月2日通过 Windows 10 Anniversary Update解决.

感谢您报告此问题.我在Microsoft Edge团队工作,并且可以确认您的小提琴再现了所描述的问题.然我目前没有提供解决方案,但我会提交此文件并亲自通知相应的团队,以便提前给予关注.

当我有更多的分享时,我会回来更新这个答案.

大佬总结

以上是大佬教程为你收集整理的css – filter:模糊不适用于MS Edge全部内容,希望文章能够帮你解决css – filter:模糊不适用于MS Edge所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。