可能重复:
如何不为子元素应用不透明度?
是否可以使用 css 或 jquery 将透明度/不透明度应用于元素而不影响子元素?
也许你会想要设置背景不透明度
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
查看此博客以获取更多支持
不,透明度是继承的,但您可以改用 RGBA(Alpha 通道)。
一个很好的例子和教程:http ://css-tricks.com/rgba-browser-support/