mr. snatch
а хз, смысла в этом лично я не вижу никакого, так как opacity устанавливается для всех потомков, и восстановить его через opacity:1 не получится, то есть
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#wrap {
width: 40%;
margin: 0 auto;
padding: .5em;
position: relative;
background: #efefef;
}
#msg {
padding: .3em;
background: #222;
position: absolute;
top: 5%;
left: 15%;
width: 70%;
color: #fff;
opacity: .8;
}
a {
display: block;
opacity: 1; /*
задаём прозрачность для ссылки явно */
text-align: center;
background: #CCC;
}
</style>
</head>
<body>
<div id="wrap">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div id="msg">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<a href="#">Get Instante Access!</a>
</div>
</div>
</body>
</html>
как вариант, возможно это делается по двум причинам
1. просто ошибка
2. использование какого-то эффекта, например - это может быть динамически меняющийся класс какого-то блока (прозрачный становится непрозрачным после каких-то действий), просто такой вот ролловер и т.д.
То есть, как-то так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#wrap {
width: 40%;
margin: 0 auto;
padding: .5em;
position: relative;
background: #efefef;
}
#msg {
padding: .3em;
background: rgba(1, 1, 1, .7);
position: absolute;
top: 5%;
left: 15%;
width: 70%;
color: #fff;
}
a {
opacity: 0;
background: #CCC;
}
#msg:hover a {
opacity: 1;
}
</style>
</head>
<body>
<div id="wrap">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div id="msg">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa <a href="#">Get Instante Access!</a>
</div>
</div>
</body>
</html>
не кроссбраузерно, так как делал просто для примера. Вообще же, когда нужна прозрачность блоков, лучше всего использовать RGBa, но ослы до 9-го это не поддерживают. есть такой замечательный shim (хак, твик и т.д.) -
css3pie добавляет много CSS3 плюшек в ИЕ, включая и RGBa