如图,上面这个tab条如果background写成background:rgb(110,155,167),opacity:0.2,那么上面文字的颜色就会改变,也就是opacity会盖住文字的真正颜色,正确的做法是不写opacity,在background的时候写rgba(110,155,167,.2)
写opacity
下面来看一个opacity和rgba的区别:
rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,
而rgba()只作用于元素的颜色或其背景色。(设置rgba透明的元素的子元素不会继承透明效果!)