背景圖像灰度

我在我的網站上的背景我使用的顏色和頂部我有一個圖像。我想使這個圖像的黑白配CSS：背景圖像灰度

body { 
    background: url('background.jpg') center top no-repeat; 
    -webkit-filter: grayscale(100%); 
}

但是這個代碼使整個網站的灰度

我也試圖把網站內容以新的div風格-webkit-filter: none;但它不工作都不是。

來源

2015-11-07 Adamo

從我可以從你的代碼理解你正在使用選擇的全身。現在你正在爲身體選擇一個背景 - 這是你的實際可見網站的權利？你到底在期待什麼？ –

你有一個應該在灰度或背景上的圖像？ – Harry

你可以嘗試疊加在<body> 這樣

#overlay { 
    background: url('background.jpg') center top no-repeat; 
    -webkit-filter: grayscale(100%); 
    z-index: -1; 
    opacity: 0.5; /*make it as your requirement*/ 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
}

不同的股利和你的HTML看起來像

<body> 
    <div id="overlay"></div> 
    <!-- other body elements --> 
</body>

來源

2015-11-07 11:12:11 Cybersupernova

背景圖像灰度

回答

相關問題