欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css父級透明子不透明

榮姿康2年前11瀏覽0評論

CSS中,可以通過設置父級元素和子元素的透明度來實現不同的效果。當父級元素的透明度設置為0時,子元素無論透明度為多少,都會被隱藏。而當父級元素的透明度設置為1時,子元素的透明度才會生效。

父級元素設置透明度為0:
.parent {
opacity: 0;
}
子元素設置透明度為0.5:
.child {
opacity: 0.5;
}

在上面的代碼中,父級元素的透明度被設置為0,子元素的透明度被設置為0.5。由于父級元素的透明度為0,子元素就會被隱藏,無論子元素的透明度為多少,都看不到。

父級元素設置透明度為1:
.parent {
opacity: 1;
}
子元素設置透明度為0.5:
.child {
opacity: 0.5;
}

在上面的代碼中,父級元素的透明度被設置為1,子元素的透明度被設置為0.5。由于父級元素的透明度為1,子元素的透明度才會生效。子元素的透明度為0.5,意味著它只有半透明,可以看到子元素內部的一些細節。

綜上,CSS中父級元素的透明度對子元素的透明度有較大的影響。當父級元素透明度為1時,子元素的透明度才會生效,可以產生有趣的效果。