css - 对抗 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版)