logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

Á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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.