html - 将不透明度应用于 CSS 中的元素

Question

我有一个名为 signup-box 的 div 元素，我想对其应用 0.65 的不透明度值，但这样做似乎有副作用。出于某种原因，它也被应用于该 div 中的所有内容。例如，我的白色文本不会显示为白色，而且输入也不是白色。我该怎么做才能保持透明效果而不丢失我想保留的设计方面？ http://jsfiddle.net/HKy3F/5/

Answer 1

这是不透明度属性的行为(它适用于该元素中的一切)。如果您只想将不透明度应用于背景，则需要创建一个具有 65% 透明黑框的图像，或者您可以使用 CSS3 颜色 RGBA 函数生成 65% 不透明度的黑色(不适用于 IE < 9)。

background: rgba(0, 0, 0, 0.6);

Which produces this jdFiddle.希望这就是您要找的。