背景图像灰度

问题描述：

我在我的网站上的背景我使用的颜色和顶部我有一个图像。我想使这个图像的黑白配CSS：背景图像灰度

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

但是这个代码使整个网站的灰度

我也试图把网站内容以新的div风格-webkit-filter: none;但它不工作都不是。

从我可以从你的代码理解你正在使用选择的全身。现在你正在为身体选择一个背景 - 这是你的实际可见网站的权利？你到底在期待什么？ –

你有一个应该在灰度或背景上的图像？ – 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>

相关推荐