关于css属性opacity及子元素透明度问题探讨 分类:网页开发 日期:2017-02-22 标签:CSS,网页开发,技术教程 众所周知,设置元素的CSS属性opacity,可以让该元素透明,透明范围为0.0到1.0之间。大家可能不知道,opacity会将元素及其子元素全部的不透明度一起设置。 不透明度会作用于本元素及其所有子元素,而opacity的范围是0到1。 子元素不透明度 = 父元素不透明度 * 子元素本身不透明度 由此可见,就算把里面的div的opacity设为1也没有用,子元素是没办法获得大于父元素的不透明度值的。 这样一来,要实现一个元素在另一个元素之上,在上面的元素的透明度大于在下面的元素,就是用两个同级元素了。 可以分别设置两个同级元素的不透明度,然后用position的方法将一个放在另一个的上方。 2