为啥我的CSS中blur滤镜无法使用?

Posted 2023-04-03

我想给我的所有图片使用blur滤镜,但是无论怎么试,都没有效果.
我的html里面已经引入了我的css文件:
<style type="text/css">@import "player.css"; </style>
我的那行css代码是:
img

/*filter:Alpha(opacity=100,finishopacity=30,style=1);*/
filter:Glow(color=#FF0000,strength=12);

上面那个注释掉的文字是用alpha滤镜,那行alpha滤镜可以使用,但blur滤镜怎么也不能用,在网页上一点效果都没有

麻烦高手给指点一下!!

最好不要用滤镜，浏览器的支持不一样
w3c会放弃掉滤镜的，这些功能由js去做
我以前也用过，火狐和IE的支持就很不一样 参考技术A 你先试试这么引用样式吧。。。
<link rel="stylesheet" type="text/css" href="player.css" />

还有 不要用全局定义的方式去用滤镜，会卡死浏览器的。 参考技术B

465

为啥css毛玻璃效果属性无用

参考技术A 只是用到了css滤镜(filter)中的blur属性。
CSS中的毛玻璃特效主要使用了filter属性里的blur（）函数，也就是高斯模糊滤镜。
但是要做一个好的毛玻璃效果，需要注意很多细节。