jak zrobić taki efekt

[lesnynt]

Witam czy ktoś wie jak zrobić taki efekt jak na stronie http://www.sportowezaglebie.pl/ chodzi o ten efekt gdy na zdjęciu pojawia się na pasek z tłem w tym przypadku zielonym który jest zarazem przeźroczysty i na nim znajduje sie tekst.

Wiem że tam to jest efekt jakiegoś pewnie systemu newsów ale czy można to uzyskać w jakis inny sposób??


z góry dzięki za odpowiedz

[Kartofelek]

Kod:

<div class="zielone_cos">
     <img src="obrazek.jpg" width="300" height="200" alt="" />
     <div>
     Opis na zielonym tle
     </div>
</div>

.zielone_cos {
     position:relative; height:200px; width:300px
}
.zielone_cos img {
     width:300px;
     height:200px;
     display:block;
}
.zielone_cos div {
     position:absolute;
     bottom:0;
     left:0;
     width:280px;
     height:40px;
     overflow:hidden;
     padding:10px;
     font:11px Tahoma;
     color:#fff;
     background:green;
     opacity:0.8;
     z-index:1000
}

[lesnynt]

Dzięki wielkie a jak zrobić aby to tło było delikatnie przeźroczyste??

[Kartofelek]

Nadając style:

-moz-opacity:0.8; - dla wcześniejszych firefoxow itp. - raczej jako ciekawostka
opacity:0.8; - dla wszystkich normlanych przeglądarek
filter:alpha(opacity=80); - tak dla jedynej słusznej przeglądarki

[lesnynt]

Dzieki po raz kolejny Kartofelek ale tym razem albo ja coś źle robie albo coś jest nie tak bo tło nadal nie jest półprzeźroczyste

[Kartofelek]

.zielone_cos div {
position:absolute;
bottom:0;
left:0;
width:280px;
height:40px;
overflow:hidden;
padding:10px;
font:11px Tahoma;
color:#fff;
background:green;
z-index:1000;
-moz-opacity:0.8;
opacity:0.8;
filter:alpha(opacity=80);
}

Działa na bank ;]
Sprawdź pod różnymi przeglądarkami.