css – 如何使div的背景颜色半透明?

前端之家收集整理的这篇文章主要介绍了css – 如何使div的背景颜色半透明?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我只想要我的div中的白色背景颜色半透明约为50%。内容应该是完全不透明的。这样做的正确方法是什么?我想象当我抬头看着 background CSS property,我会发现一个不透明度的设置,但没有。不关心IE6。

更新:使用下面给出的rgba解决方案结合CSS3PIE’s solution for getting rgba to work in IE browsers

解决方法

您可以使用 background-color: rgba()表示法:
#theIdofYourElement,.classOfElements {
    background-color: #fff;
    background-color: rgba(255,255,0.5);
}

编辑以添加默认的背景颜色(对于不了解rgba()符号的浏览器)。尽管我的印象是除了IE之外,除了IE可以理解(但是我可能是错误的,并没有测试确定…)。

感谢@akamike编辑。

编辑来解决OP的问题(在评论中):

which browsers don’t understand rgba? will they all in the future,is this part of css3?

我可以找到最好的信息是the CSS Tricks’ rgba() browser support tablea link to a demo and ‘more complete’ compatibility table

猜你在找的CSS相关文章