Css İpuçları - Saydamlık

Internet Explorer için saydam görsel özelliği filter:alpha(opacity=x) ile sağlanır, 0 ile 100 arası saydamlık değeri verilebilir. Diğer tarayıcılar için ise opacity:x ile sağlanır ve 0.0 ile 1.0 arası saydamlık değeri alabilir. Kodumuzun her tarayıcıda aynı sonucu vermesini istiyorsak her iki özelliği birden kullanmalıyız.


.saydam_arkaplan {
width:600px;
height:300px;
margin-left:50px;
background:url('../../images/portakal_2.jpg');
border:1px dotted black;
}

.saydam_kutu {
width:500px;
height:240px;
margin: 30px 50px;
border:1px solid black;
background-color:#ffffff;
filter:alpha(opacity=50);
opacity:0.5;
}

.saydam_kutu p {
margin:25px 50px;
color:#000000;
font-weight:bold;
}