如何使用CSS使背景变暗？

一尘不染

如何使用CSS使背景变暗？

css

我有一个带有文本的元素。每当我降低不透明度时，我就会降低整个身体的不透明度。有什么办法可以让我变得background-image更黑，而不是其他所有？

background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

阅读 1483

2020-05-16

共1个答案

一尘不染

只需将此代码添加到您的图像CSS

 body{

 background:

        /* top, transparent black, faked with gradient */

        linear-gradient(

          rgba(0, 0, 0, 0.7),

          rgba(0, 0, 0, 0.7)

        ),

        /* bottom, image */

        url(http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png);

    }

更新：并非所有浏览器都支持RGBa，因此您应该具有“后备颜色”。该颜色很可能是纯色（完全不透明），例如：background:rgb(96, 96,96)。

2020-05-16