Помощник
|
Opacity в div |
nickgu
|
Сообщение
#1
|
||
|
|
||
|
|||
LoaD_hb |
15.4.2011, 10:40;
Ответить: LoaD_hb
Сообщение
#2
|
|
Я делал так, пропиши это для главного блока, тогда вложенные блоки не будут наследовать это свойство.:
[CSS]background:rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA000000,endCol orstr=#AA000000); zoom:1;[/CSS] где 0,5 соответственно прозрачность. а вот это: [CSS]filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA000000,e ndColorstr=#AA000000);[/CSS] нужно чтобы работало в IE |
|
|
pavelsc |
15.4.2011, 12:16;
Ответить: pavelsc
Сообщение
#3
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA000000,endCol orstr=#AA000000); Месье знает толк в извращениях ))) Да и вопрос не в этом. По моему так проще: [CSS]filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;[/CSS] nickgu, ну так ясно же. Прозрачность идет для всего слоя и для всех вложенных в нем элементов. Нужна отдельная прозрачность - делайте слои не вложенными. Вот например так: <div id="container2"> <div class="transparency"> </div> <div class="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </div> </div> [CSS] #container2 { padding:20px; width:300px; color:#FFFFFF; position:relative; float:left; margin-left:20px; overflow:hidden; } #container2 .transparency { opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000000; width:340px; height:1500px; position:absolute; top:0px; left:0px; z-index:-1; } .content { position:relative; } [/CSS] |
|
|
LoaD_hb |
15.4.2011, 13:28;
Ответить: LoaD_hb
Сообщение
#4
|
|
|
|
|
nickgu
|
Сообщение
#5
|
|
Не могу сделать не вложенными, т.к. ширина и длина первого div'a зависит от вложенных
|
|
|
nickgu
|
Сообщение
#6
|
|
Load, спасибо работает
|
|
|
LoaD_hb |
15.4.2011, 19:20;
Ответить: LoaD_hb
Сообщение
#7
|
|
nickgu,не за что.
|
|
|
pavelsc |
15.4.2011, 23:14;
Ответить: pavelsc
Сообщение
#8
|
|
Не могу сделать не вложенными, т.к. ширина и длина первого div'a зависит от вложенных nickgu, ну если бы вы прочитали дальше фразы "не вложенными" мой пост, то поняли бы что в нем длина "первого div'a" зависит от содержимого .content. Для ширины делается аналогично длине. А то что вам предложено - это CSS3. И работает таким образом что если браузер не CSS3 и не IE, то фон у вас не то что не будет прозрачным - его вообще не будет. |
|
|
nickgu
|
Сообщение
#9
|
|
Да, спасибо. Не разобрался сразу - показалось, что задан жесткий размер 340 на 1500
|
|
|
nickgu
|
Сообщение
#10
|
|
блин, у меня это для поп-апа. И с этим кодом - поп-ап на своем месте, а див с прозрачностью просто внизу страницы:wacko:
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1545 | 14.1.2023, 1:16 автор: xweb |
|
DIV'ы в строку | 0 | RedEclipse | 5463 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6928 | 17.4.2016, 17:45 автор: -serj123- |
|
Как заставить отображать несколько элементов DIV в одну строку? | 2 | Aalena | 3999 | 10.1.2016, 10:18 автор: -Aalena- |
|
Фоны в в div'ах расходятся при сужении экрана | 1 | Balalaaika1 | 5614 | 2.6.2015, 19:35 автор: -Degradator- |
Текстовая версия | Сейчас: 28.3.2024, 15:09 |