2015-03-25 78 views
0

我想在某些 'background-image:url(「http://blablabla.jpg」);''background-image selector css

現在的問題是,它也影響排版等。因爲我應用過濾器的div而不是背景圖像。

是否有可能有這樣的事情在CSS:

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

或「背景圖片」等 我想多事情,但似乎沒有任何工作。

+0

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

+0

您無法對背景圖像應用濾鏡或不透明度。您可能需要重新考慮您的HTML結構。 – 2015-03-25 10:12:30

+0

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

回答

0

使用過濾器與前綴

-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

+0

它與過濾器前綴無關。例如,讓你的textfont爲白色。它將成爲亮度過濾器的灰色原因。 – clankill3r 2015-03-25 10:24:58

+0

但還是謝謝! – clankill3r 2015-03-25 10:25:08

+0

@ clankill3r不,它不會檢查出來http://jsfiddle.net/T5j6H/623/ – 2015-03-25 10:28:25