У меня есть этот CSS код:CSS наложение сделать Backgroud непрозрачный
.overlay {
background:#666666;
opacity:0.7;
filter: alpha(opacity=70);
position:fixed;
width:100%;
height:100%;
text-align:center;
top:0px;
left:0px;
z-index:1000;
}
, что делает мой ДИВ подходит всю страницу и непрозрачного
вот мой HTML:
<div id="overlay" class="overlay">
<img src="http://www.domain.com/images/loading.gif" alt="Loading" width="25%" style="margin-top:5%;" />
<br />
<h1>Loading...</h1>
</div>
как можно Я сохраняю css, как есть, но делает мой образ и текст внутри div непрозрачным вообще?
Я не понимаю, что вы подразумеваете под «не непрозрачным вообще». Вы утверждаете, что хотите, чтобы фон был прозрачным, но img и h1 были полностью непрозрачными (вообще не просматривайте)? Или вы действительно говорите, что хотите, чтобы img и h1 были полностью прозрачными? –
Непрозрачность родителя затронет всех детей. Попробуйте использовать альфа-прозрачность: 'background: rgba (0,0,0,0.4);' – davidpauljunior