<p class="zw">我们还有一种CSS属性能让元素变得半透明，那就是<code>opacity</code>属性。</p> <p class="图"><img alt="1304.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/113.jpg"></p> <p class="图题">调整透明度很简单，你可以在Photoshop或Sketch中轻松设置。</p> <p class="zw">在CSS中，RGBa和<code>opacity</code>都调节alpha通道，但它们之间还是有区别的。RGBa 只调节一个元素的上的不透明度，而<code>opacity</code>透明度是继承的，它可以影响它的子元素。为了证实这一点，我使用我的网站上的面板来看下效果。</p> <p class="图"><img alt="1305.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/114.jpg"></p> <p class="图题">左图使用<code>opacity</code>属性的时候， 文本也变得半透明了；右图使用RGBa的时候，只有背景变为半透明了，文本却没有。</p>
