CSS中可以使用opacity属性来设置元素的不透明度,但是这将对元素内所有内容都产生作用。如何只设置字体透明呢?/先设置元素的背景颜色/ backgroundcolor: rgba(0,0,0,0....
CSS中可以使用opacity属性来设置元素的不透明度,但是这将对元素内所有内容都产生作用。如何只设置字体透明呢?
/*先设置元素的背景颜色*/
background-color: rgba(0,0,0,0.5);
/*然后设置字体的颜色和不透明度*/
color: rgba(255,255,255,0.5);
这里使用了rgba函数来设置颜色和不透明度。其中,前三个参数指定颜色的RGB值,最后一个参数指定不透明度,取值范围为0~1。
通过这种方式,我们可以轻松地设置文字的透明度,而不会影响到元素的其他内容。