jquery - 返回低不透明度 div 中内容的不透明度

Question

可能重复：
我不想从 CSS 中的父级继承子级不透明度

我的页面包含以下内容<div>：

<div id="OffDiv">
    <asp:Image ID="imgHammer" runat="server" ImageUrl="~/Images/hammer.png" ToolTip="Biding..." />
</div>

和CSS：

div#OffDiv
{
    display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 90000;
    background-color: Blue;
    filter: alpha(opacity=40); /* internet explorer */
    -khtml-opacity: 0.4; /* khtml, old safari */
    -moz-opacity: 0.4; /* mozilla, netscape */
    opacity: 0.4; /* fx, safari, opera */
    text-align: center;
}
#imgHammer
{
    margin-top: 100px;
    z-index: 90001
     filter: alpha(opacity=100); /* internet explorer */
    -khtml-opacity: 1; /* khtml, old safari */
    -moz-opacity: 1; /* mozilla, netscape */
    opacity: 1; /* fx, safari, opera */
    z-index: 90001;
}

问题是它在渲染后imgHammer具有低不透明度（意思是 0.4）。OffDiv

如何将其不透明度更改为 1？

Answer 1

只需使用 rgba 颜色（0-256 而不是 00-FF）：

background-color: rgba(0,0,0,0.5);

http://jsfiddle.net/aqHXB/