CSS可以用來設置元素的背景色和背景圖。一般情況下,背景圖會覆蓋掉背景色,但是我們也可以通過一些技巧來在背景圖上加上背景色。
background-color: #ffffff; background-image: url("bg.jpg"); background-blend-mode: multiply;
在這個例子中,我們首先設置了背景色為白色。然后設置了背景圖為一個名為"bg.jpg"的文件。最后,我們用了一個叫做"multiply"的背景混合模式,這個模式可以讓背景圖像和背景色混合在一起。
如果我們沒有設置背景混合模式,那么背景圖會完全覆蓋掉背景色,導致我們無法看到背景色。
background-color: #ffffff; background-image: url("bg.jpg");
如果你想要讓背景圖的顏色更加明亮,也可以使用背景混合模式中的"screen"。這個模式會讓背景色更加明亮。
background-color: #ffffff; background-image: url("bg.jpg"); background-blend-mode: screen;
除了"multiply"和"screen"之外,還有很多背景混合模式可以使用。你可以試試看哪些模式適合你的背景圖。
下一篇css在線顏色