如何让div在透明背景上有纯色？

Answer 1

#topbar

位于

#bg

内部，因此调整

#bg

的不透明度也会影响

#topbar

。我要做的是省略不透明度并将背景颜色更改为透明黑色。

看起来像这样：

body {
    background: url(bg.jpg);
    margin: 0;
}

#bg {
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0;
    padding: 0;
    height: 100vh;
}

#topbar {
    background-color: gray;
    height: 80px;
    width: 100%;
}

这样只有背景颜色是透明的，而不是整个元素。