反对div不透明？

Question

如果我有一个像盒子一样的div，我会让它变得非常性感，不透明度为10％。我如何反击它，因为div中的所有内容也会得到不透明度。假设我有一个带有1px边框和文本的框（div），在它上面加上不透明度会使它看起来很糟糕，我只想在背景上使用不透明度。

Answer 1

这是你可以只对背景颜色应用不透明度的方法，而不是整个元素和他的孩子：

background: rgba(0,0,0, 0.5) //gives you a black background with 50% opacity

你可以在这里测试一下： http://jsfiddle.net/ypaTH/

这里有一个类似的问题： How to give cross browser transparency to element's background only?（使用IE版）

Answer 2

具有不透明度的元素的内容会继承该不透明度。你需要把它分成两部分：背景和内容。绝对将内容放在背景之上。您的内容不能在不透明度元素内。

Answer 3

您可以使用半透明的PNG图像作为元素的背景。对于IE6支持，您需要Supersleight等修复程序。