我有一个问题css:当我尝试做
-webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px);
它看起来完美的safari和chrome,但模糊不出现在所有在firefox,歌剧或IE。那些浏览器支持吗?还是有另一种方法让整个页面模糊?
解决方法
尝试使用SVG过滤器。
filter: url(blur.svg#blur); }
SVG:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="3" /> </filter> </svg>
完成css:
filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');