VISSZA
MENÜAz opacity tulajdonság segítségévek megadható, hogy egy elem milyen mértékben legyen átlátszó.
opacity:1 érték esetén az elem teljesen eltakarja az alatta lévőt.
opacity:0 érték esetén az elem teljesen átlátszó.
opacity:0.5 érték esetén az elem teljesen 50%-ban átlátszó.
Átlátszóság beállítása:
kijelölő
{
opacity
:
érték;
}
Példa:
Forráskód
<style>
...
#div1 {
background-color:#0000cc;
opacity:1; }
#div2 {
background-color:#00cc00;
opacity:0.8; }
#div3 {
background-color:#cc0000;
opacity:0.4; }
#div4 {
background-color:#cccc00; color:#000000;
opacity:0.2; }
</style>
...
<body >
<div id="tarolo">
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div3</div>
</div>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: CSS3_atlatszosag.html