反对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/

这里有一个类似的问题: 如何仅为元素的背景提供跨浏览器透明度？(使用IE版)

Answer 2

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

Answer 3

您可以使用半透明 PNG 图像作为元素的背景。您需要修复，例如Supersleight才能支持 IE6。