sentenello
Registered
Здравейте,
От известно време се мъча да направя опацито на една картинка да е едно и също под IE и Mozilla и в крайна сметка успях, но не мога да наглася текста вътре да е бял и опацито да не му влияе.
Ето малко хтмл и цсс код.
Ето и ЦСС-а
Пробвах да сложа в css-а на .block където е
И фона си стана полупрозрачен, но и текста <h2><p> станаха такива. Искам да са си нормално бели 
, а не както сега стават сиви
От известно време се мъча да направя опацито на една картинка да е едно и също под IE и Mozilla и в крайна сметка успях, но не мога да наглася текста вътре да е бял и опацито да не му влияе.
Ето малко хтмл и цсс код.
Код:
<div class="main_image">
<img src="saita.com/snimka.jpg" style="margin-top:7px;margin-left:7px;" />
<div class="desc">
<a href="#" class="collapse">Close Me!</a>
<div class="block">
<h2>Novina 1</h2>
<p>teksta ot novinata</p>
</div>
</div>
</div>';Ето и ЦСС-а
Код:
.main_image {
width: 500px;
height: 364px;
float: left;
background: #333;
position: relative;
overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
color: #FFFFFF;
}
.main_image h2 {
font-size: 22px;
margin: 0 0 5px;
padding: 10px;
font-weight:normal;
color:#FFFFFF;
}
.main_image p {
font-size: 1.2em;
line-height: 1.6em;
padding: 10px;
margin: 0;
}
.main_image .desc{
position: absolute;
bottom: 0;
left: 0; /*--Stick the desc class to the bottom of our main image container--*/
width: 100%;
}
.main_image .block{
width: 100%;
background-color: #000000;
border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
background: url(btn_collapse.gif) no-repeat left top;
height: 27px;
width: 93px;
text-indent: -99999px;
position: absolute;
top: -27px;
right: 20px;
}
.main_image a.show {background-position: left bottom;}Пробвах да сложа в css-а на .block където е
Код:
opacity: 0.65;
filter:alpha(opacity=60);