HTML CSS怎么不影响文字只设置背景颜色半透明效果

在制作网页时，有的时候想实现DIV半透明的视觉效果，大家比较常用的是CSS属性opacity来实现，这样背景颜色的确变成了半透明，但是div里面的文字都变成半透明了，

接下来我们用另一种方法，css代码为background-color:rgba(0,0,0,0.1)，使用这个方法就实现只设置div背景透明，而不影响到div里的内容。代码示例如下：

.a{background-color: rgba(255,255,0,0.5);}

这样div透明度改变以后，对里面的背景和文字都没有任何影响。

我们用大家比较熟悉的CSS属性opacity来改变div的背景颜色。

当然，如果我们需要设置div的背景颜色和里面内容都变成半透明状态，那么可以继续用opacity代码示例如下：

.a{background-color: #fff;opacity: 0.5;}

总结一下，如果如果在页面布局时，你希望div里面所有的都变透明，就用opacity。如果想要背景变透明，文字不变，就用background-color:rgba(0,0,0,0.1) 以上就是css实现背景颜色半透明的两种方法的详细内容，希望对大家有所帮助。