作者:孔红MJ | 来源:互联网 | 2022-12-06 19:55
我已经阅读了一些代码,我看到了这一点background-color: transparent
.
我不知道它是什么,所以我搜索了互联网,但我找不到资源来解释它的含义.
什么background-color: transparent
意思和/或做什么?
1> Nisarg..:
顾名思义,background-color: transparent
意味着您可以看到元素的背景,即它的背景颜色看起来与其父元素上看到的背景颜色相同.
请注意,这与此不同background-color: white
,因为如果父元素的背景颜色不是白色,则给定元素将具有不同的颜色,即白色.
还要记住,它是属性的初始值.这意味着,如果您没有明确指定背景颜色,它将采用该值.background-color
transparent
这是一个给你一个想法的例子:
.container {
width: 200px;
border: 1px solid black;
}
.container > div {
width: 150px;
margin: 25px;
border: 1px solid black;
height: 50px;
}
.bg-blue {
background-color: aqua;
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
background-color: white;
}
.bg-yellow {
background-color: yellow;
}