background-image selector css

我想在某些 'background-image：url（“http://blablabla.jpg”）;''background-image selector css

现在的问题是，它也影响排版等。因为我应用过滤器的div而不是背景图像。

是否有可能有这样的事情在CSS：

background { 
    filter: grayscale(100%) brightness(50%) contrast(100%); 
}

或“背景图片”等我想多事情，但似乎没有任何工作。

来源

2015-03-25 clankill3r

http://stackoverflow.com/questions/20039765/how-to-apply-a-css-3-blur-filter-to-a -background-image-that-i-am-setting-with-ba看看这个。 – 2015-03-25 10:09:28

您无法对背景图像应用滤镜或不透明度。您可能需要重新考虑您的HTML结构。 – 2015-03-25 10:12:30

@Paulie_D我们可以申请。 – 2015-03-25 10:13:52

使用过滤器与前缀

-webkit-filter: grayscale(100%) brightness(50%) contrast(100%); 
    -moz-filter: grayscale(100%) brightness(50%) contrast(100%); 
    -o-filter: grayscale(100%) brightness(50%) contrast(100%); 
    -ms-filter: grayscale(100%) brightness(50%) contrast(100%); 
    filter: grayscale(100%) brightness(50%) contrast(100%);

DEMO

来源

2015-03-25 10:12:55

它与过滤器前缀无关。例如，让你的textfont为白色。它将成为亮度过滤器的灰色原因。 – clankill3r 2015-03-25 10:24:58

但还是谢谢！ – clankill3r 2015-03-25 10:25:08

@ clankill3r不，它不会检查出来http://jsfiddle.net/T5j6H/623/ – 2015-03-25 10:28:25

background-image selector css

回答

相关问题