Question

我有一个不透明度问题，我想要一个不透明度为.1的div黑色bacground和另一个div透明背景不透明度1.这是我的代码：

 <div style="width:95%; height:468px; background:black; float:left; opacity:0.1;">
 <div style="margin-left:1em; margin-top:1em; font-size:14px;">
 <table width=100%>
 <tr valign=top>
<td></td>
<td width=100%>
<h4>Change Password</h4>
<form method="post" action="settings.php">
<table cellpadding=10>
<tr>
    <td>Current Password</td>
    <td style="padding-left:2em;">user</td>
</tr>    
</table>
</form>
</td>
 </tr>
 </table>
 </div>
 </div>

http://jsfiddle.net/4yYGe/

我怎样才能正确设置我的第二个div几乎不显示。可以吗？

Answer 1

在现代浏览器中，您可以将外部div的背景设置为rgba(0, 0, 0, 0.1)

Answer 2

你做不到。由于不透明性是继承的。因此，如果父项设置为.5，即使子项设置为1，在父项设置的情况下，它仍将显示为.5。另一个例子：如果父项设置为.5而子项设置为.5，则子项将显示为.25，将设置为父项的不透明度的一半。

Cuberto的答案是您可能正在寻找的解决方法 - 不要给div设置不透明度，而是给背景颜色设置不透明度。

除此之外，您必须将子div分离，而是使用绝对或相对定位。或者，添加另一个子div，然后添加一个兄弟，并在其中一个兄弟上设置不透明度。

HTML不透明度我如何设置子... HTML

2 个答案: