asp.net - css，div和asp的不透明度问题:图片

我有一个opacity设置为60的div。在div中，我有一个asp：Image。看起来div的不透明度也在设置图像的不透明度。我尝试为图像创建一个单独的类并将opacity设置为100，但这似乎不起作用。有没有人有办法解决吗？

<div id="PleaseWait" class="Splash">
    <asp:Image ID="Logo" runat="server" ImageUrl="logo.png" CssClass="imgOpac" />

<div style="color: White; font-size: medium;">
    Please wait, searching spectrum listings ...</div>
</div>

<style id="splash" type="text/css">
    .Splash
    {
        padding-top:200px;
        display: none;
        text-align: center;
        color: White;
        vertical-align: top;
        width: 100%;
        height: 100%;
        filter:alpha(opacity = 60);
        -moz-opacity:0.6;
        background-color:#000000;
        position:absolute;
        z-index:500;
        top:0%;
        left:0%;
    }
    .imgOpac
    {
        filter:alpha(opacity = 100);
        -moz-opacity:1.0;
    }
    </style>

最佳答案

这就是CSS继承的工作方式。您的图片的不透明度设置是从其父div继承的。因此60％的100％仍然是60％。

有关一般的解决方法，请参见http://www.hedgerwow.com/360/dhtml/css-opacity-inherit.html（查看源代码）。基本技巧是将元素堆叠在一起，其中一个具有不透明度，而另一个则不透明。

关于asp.net - css，div和asp的不透明度问题:图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/469854/