css 黑色刻度，不透明度显示为灰色

2cmtqfgy 于 2023-01-22 发布在其他

关注(0)|答案(1)|浏览(134)

我有一个带有浅色背景的Div，里面还有一个div。我想给内部div的背景颜色一个透明的黑色（意味着我应该能够看到父代Div的一些浅色背景）。这在CSS中是可能的吗？
我试过了，但是不起作用，div显示为灰色，不透明。
JsFiddle

<div style="width: 600px height: 600px;background:#fcfcfc;position:relative; ">

    <div style="position:absolute;top:200px:left:200px;height:200px;width:200px;background:rgba(0,0,0,0.6); ">
    </div>
</div>

如果我有一个黑暗的背景，不透明度工作正常。
谢谢!

css

来源：https://stackoverflow.com/questions/20020866/black-div-with-opacity-showing-as-gray

1条答案

按热度按时间

iyfjxgzm1#

你可以使用opacity设置alpha通道，这就是它的工作原理。

<div><div></div></div>

div {
    width: 200px;
    height: 200px;
    background-color: yellow;
    position: relative;
}
div div {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 50px;
    height: 50px;
    background-color: gray;
    opacity: .5;
}

http://jsfiddle.net/GZj75/

赞(0）回复(0）举报 2023-01-22

我来回答

css 黑色刻度，不透明度显示为灰色

1条答案

相关问题

热门标签

最新问答