线性渐变语法无法理解

Question

谁能帮助背景图片和线性渐变工作。 我正在获取全彩色而不是图像。 请说明它是如何工作的。？

background-image:linear-gradient(rgba(255, 0, 0, 0), rgba(255,0,0,0)),
     url(../img/background-img.jpeg);

Answer 1

HTML

/src/assets/logo.png

Css

<img src="../assets/logo.png" /><br/><p>Hello World</p>

在线性渐变中，第一个值是从哪种颜色开始，第二个值是结束颜色

例如：背景图片：线性渐变（红色，黄色），网址（图片网址）；

由于两个值相同，因此为纯色。

注意：某些浏览器可能不支持背景图像线性渐变，因此最好同时使用后备背景色和图像。