Непрозрачность проблемы с CSS, Div и ASP: Изображение

Question

У меня есть div, у которого opacity установлено на 60. Внутри 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>

Answer 1

Вот как работает наследование CSS. Ваше изображение получает настройку непрозрачности, унаследованную от родительского элемента div. Таким образом, 100% из 60% - это еще 60%.

См. http://www.hedgerwow.com/360/dhtml/css-opacity-inherit.html для общего обходного пути (см. Источник). Основной трюк состоит в том, чтобы складывать элементы, один с непрозрачностью, а другой без.

Answer 2

Попробуйте это:

.Splash .imgOpac
{
    filter:alpha(opacity = 100);
    -moz-opacity:1.0;
}

Это должно переопределить класс Splash.