0

重複の可能性：
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;
}

問題は、レンダリング後の不透明度が（.4を意味する）imgHammerのように低いことです。OffDiv

不透明度を1に変更するにはどうすればよいですか？

4

1 に答える 1

1

単にrgba色を使用します（00-FFの代わりに0-256）：

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

http://jsfiddle.net/aqHXB/

于 2012-12-12T20:38:50.827 に答える