小编fox*_*fox的帖子

如何将CSS 3模糊滤镜应用于背景图像

我有一个JPEG文件,我正在使用它作为搜索页面的背景图像,我正在使用CSS来设置它,因为我在Backbone.js上下文中工作:

background-image: url("whatever.jpg");
Run Code Online (Sandbox Code Playgroud)

我想一个CSS 3模糊滤镜应用为背景,但我不知道如何做到这一个元素的风格.如果我尝试:

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
Run Code Online (Sandbox Code Playgroud)

background-image在我的CSS 下面,它调整整个页面的样式,而不仅仅是背景.有没有办法只选择图像并应用过滤器?或者,有没有办法只为页面上的每个其他元素关闭模糊?

css background-image css-filters

450
推荐指数
6
解决办法
148万
查看次数

标签 统计

background-image ×1

css ×1

css-filters ×1