WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Átlátszóság (fedettség)



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