不透明度属性:opacity .opaque { opacity: 1; }
不透明度属性”opacity”接受一个值从0到1,其中0表示完全透明,1表示完全不透明。默认情况下,所有的网页元素都是完全不透明的(即不需要设置不透明度),但是有些时候大家需要调整其不透明度。
需要注意的是,Opacity不仅影响元素内容的透明度,也影响元素及其子元素的边界和背景的透明度。如果您希望只调整内容透明度,而不影响边界或背景,请使用RGBA颜色模型,其中最后一个数字设置透明度值。
只调整内容透明度:rgba(255, 255, 255, 0.5) .transparent { color: rgba(0, 0, 0, 0.5) }
总之,在编写CSS时,使用不透明度属性可以为您的网页增加一些特定的视觉效果,从而使其更加有吸引力和实用。