Eski Internet Explorer tarayıcılar için RGBa kullanma mantığını ele alacağız.
background: rgba(255, 255, 255, 0.3); <br>filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
Str=>#
4cFFFFFF=>opacity+renk
Örnekte görüldüğü üzere start ve end color str hex değerlerinde
ff rengi,
4c opacity i belirtiyor.
mesela
rgba(0,0,0,1) için
#ff000000 veya
rgba(255,255,255,1) için
#ffffffff
rgba(0,0,0,0) için
#00000000 veya
rgba(255,255,255,0) için
#00ffffff
rgba(0,0,0,0.3) için
#4c000000 veya
rgba(255,255,255,0.3) için
#4cffffff
Opacity mantığı
hex değerleri bu karakterlerden oluşur=>
fedcba9876543210
255 renk için opacity değerleri
0.1 opacity=25.renk=
19
0.2 opacity=51.renk=
33
0.3 opacity=76.renk=
4c
0.4 opacity=102.renk=
66
0.5 opacity=127.renk=
7f
0.6 opacity=153.renk=
99
0.7 opacity=178.renk=
b2
0.8 opacity=204.renk=
cc
0.9 opacity=229.renk=
e5
ff=
0 opacity'e eşittir,
00=
1 opacity'e eşittir
Hex değeri nasıl hesaplarım?
<?php $opacity=0.7;//buraya istediğiniz değeri girin.Ben 0.7 yaptım
$renkbul=floor(255*$opacity);
echo $renkbul.".renk hex =>".dechex($renkbul);//çıktısı 178.renk =>b2
?>
<style>
body{
/*0.7 opaklığa sahip siyah için*/
background: rgba(255, 255, 255, 0.7); /* diğer tarayıcılar */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2000000', endColorstr='#b2000000'); /* IE */
}
</style>
