С нами с 02.04.05
Сообщения: 2172
Рейтинг: 495
|
 Добавлено: 30/01/11 в 02:34 |
Зачем это пишется в css, это разве не дефолт?:
| Код: [развернуть] | filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1; |
я имею ввиду что прозрачность единичка
|
|
|
|
| |
С нами с 24.06.10
Сообщения: 2686
Рейтинг: 543
|
| Добавлено: 30/01/11 в 09:00 |
а хз, смысла в этом лично я не вижу никакого, так как 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
|
|
|
|
| |
С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538
 
|
| Добавлено: 30/01/11 в 11:21 |
http://msdn.microsoft.com/en-us/library/ms532967.aspx
| Цитата: | | The object that the filter is applied to must have layout before the filter effect displays. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true. |
| Код: | * {
filter: alpha(opacity=75); zoom: 1; display: block;
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
} |
|
|
|
|
| |
С нами с 24.06.10
Сообщения: 2686
Рейтинг: 543
|
| Добавлено: 30/01/11 в 11:30 |
Yacc: имхо не тот случай, нужно смотреть, в каком контексте используется сабжевый пример
|
|
|
|
| |
С нами с 02.04.05
Сообщения: 2172
Рейтинг: 495
|
| Добавлено: 30/01/11 в 12:28 |
оно испльзуется для звездочек на рейтинг картинке. Если мышкой водить то звездочки закрашиваются, я хз зачем там этот css потому что и без него работает.
мне чем не нравится этот блок css, то что он тект рядом делает не очень четким в ИЕ
|
|
|
|
| |
С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538
|
| Добавлено: 30/01/11 в 14:01 |
| mr. snatch писал: | | Yacc: имхо не тот случай, нужно смотреть, в каком контексте используется сабжевый пример |
А я не про сабжевый пример, а про твой, который не кроссбраузерно. 
|
|
|
|
| |
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте! |
