CSS不透明度 - 背景颜色
问题描述:
我试图让黑色div的不透明度为.5,但div(h3标签)的内容为opactiy 1.所以白色文本仍然是白色,它的透明度没有改变/不变。CSS不透明度 - 背景颜色
<div style="background-color:red;">
<div style="width:470px;color:white;margin-top:170px;">
<div style="background-color:black;opacity:0.5;">
<h3 style="color:white;opacity:1;">Heading </h3><p>tagline here</p>
</div>
</div>
</div>
任何建议非常赞赏。
答
,而是如果你没有后顾之忧,您可以使用RGBA关于支持旧版本的IE:
background-color: rgba(0, 0, 0, 0.5);
答
不透明度适用于子元素。正如@MattCain建议在DIV背景颜色上使用RGBA来解决这个问题。
<div style="background-color:red;">
<div style="width:470px;color:white;margin-top:170px;">
<div style="background-color: rgba(0, 0, 0, 0.5);">
<h3 style="color:white;opacity:1;">Heading </h3><p>tagline here</p>
</div>
</div>
</div>
这可能是一个给定的 - 但肯定使用RGBA就像使用内联CSS? – 2013-02-20 16:07:19