我正在尝试找到一种解决方法,即在CSS-Filters-Polyfill(https://github.com/Schepp/CSS-Filters-Polyfill)中使用模糊功能时遇到的问题。当内容模糊时,我会得到一个羽毛或模糊的边缘,我试图在模糊的内容周围获得锐利的边缘。
我已经向Polyfilter的作者提出了这个问题,他建议将overflow:hidden应用于父容器。这有所帮助,但是如果浏览器的比例发生变化,它仍会显示容器的左右两侧,红色背景可以窥视。
以下是我正在烹饪的例子http://codepen.io/0leg/full/CzLIF。如果图像周围有清晰的边缘,请减小浏览器窗口的高度,同时保持边缘尽可能宽。
代码段信用:Codrops - Nifty Modal Window Effects