У меня есть 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>





Вот как работает наследование css. Ваше изображение получает настройку непрозрачности, унаследованную от родительского div. Таким образом, 100% от 60% по-прежнему составляет 60%.
См. http://www.hedgerwow.com/360/dhtml/css-opacity-inherit.html для общего обходного пути (исходный код). Основной трюк состоит в том, чтобы сложить элементы, один с непрозрачностью ниже другого.
Попробуй это:
.Splash .imgOpac
{
filter:alpha(opacity = 100);
-moz-opacity:1.0;
}
Это должно переопределить класс Splash.