.content{
background-image:url('image/Elixir.jpg');
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);
background-repeat: no-repeat;
position:absolute;
...
margin-top:200px;
margin-left:300px;
}
при таком подходе прозрачность применяется ко всем элементам блока, а нужно только к background-image.
что то типо:
.content background-image
{
background-image:url('image/Elixir.jpg');
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);
background-repeat: no-repeat;
}
или
.content bcground{...}
но так не работает
подскажите пожалуйста как реализовать это
Спустя 6 часов, 13 минут, 21 секунда (27.11.2009 - 19:33) telzzz написал(а):
ну кто нибудь, пожалуйста задать параметры параграфа
.content p {...}
заголовка
.content H1,h2 {...}
но как к фоновой картинке подобраться??
Спустя 28 минут, 8 секунд (27.11.2009 - 20:01) glock18 написал(а):
к фоновой картинке никак не подобраться "по-честному".
возможные варианты:
1. делать прозрачной картинку фона. #
2. сделать фон для отдельного блока, который спозиционировать над/под тем блоком, который сейчас есть.
что-то типа
возможные варианты:
1. делать прозрачной картинку фона. #
2. сделать фон для отдельного блока, который спозиционировать над/под тем блоком, который сейчас есть.
что-то типа
.container {
position: relative;
}
.transparent-background {
position: absolute;
top: 0;
left: 0;
z-index: 1000; /* чтобы фон был выше (то есть текст будет через прозрачный фон виден) */
/* если надо, чтобы текст был виден над фоном, то z-index отрицательный.
правда не уверен, что он везде поддерживается - тогда еще один финт будем делать.
пока так попробуй */
width: 100%;
height: 100%;
background: ... /* тот фон, который надо */
opacity: 0.5; /* сюда, альфа-фильтр аналогично */
}
<div class="container">
Все что хошшь
<div class="transparent-background">
</div>
</div>
Спустя 12 часов, 8 минут, 8 секунд (28.11.2009 - 08:10) telzzz написал(а):
спасиба glock18. все заработало ). Спустя 4 часа, 31 минута, 2 секунды (28.11.2009 - 12:41) glock18 написал(а):
telzzz
нет проблем
нет проблем