Question

我想在我的网站上设置一个叠加层：

当我在检查窗口中使用颜色时，我可以使它在元素样式中工作：

element.style {
    background-color: rgba(0,0,0,0.4);
}

我尝试在我的身体css中添加行background-color: rgba(0,0,0,0.4);，但它无效。它不应该在身体元素上吗？

<html>
<head>
</head>
<body>
</body>
</html>

body {
    background-color: rgba(0,0,0,0.4);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    letter-spacing: -0.01em;
    overflow-x: hidden;
    position: relative;
}

Answer 1

如果您正在谈论在您的bg img上覆盖颜色，那么rgba需要与img在同一个css块中

body {
    background-image: bgimg.jpg;
    background-color: rgba(0,0,0,0.4);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    letter-spacing: -0.01em;
    overflow-x: hidden;
    position: relative;
}

所有页面和元素样式的rgba

1 个答案: