html背景颜色白色半透明,HTML – 背景颜色：透明意味着什么？

顾名思义,背景颜色：透明意味着您可以透过元素的背景看到,即它的背景颜色看起来与其父元素上看到的背景颜色相同.

请注意,这与background-color：white不同,因为如果父元素的背景颜色不是白色,则给定元素将具有不同的颜色,即白色.

还要记住它是background-color property的初始值.意思是,如果没有明确指定背景颜色,它将使值透明.

这是一个给你一个想法的例子：

.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;

}

White

Transparent

White

Transparent

White

Transparent