Eğer javascript içinde alfa değerini rgba (r, g, b, a) ile 1'den başka bir değere ayarlarsam, tarayıcı tarafından ayarlanan gerçek değer biraz farklı. Ancak CSS'de ayarlanan değer tam olarak eşleşir. (Chromium) alfa renk değeri (rgba cinsinden) CSS ve javascript
<head>
<script type="text/javascript" language="javascript">
window.onload=function() {
document.getElementById("p1").style["background-color"]="rgba(255,0,0,0.3)";
}
</script>
</head>
<body>
<p>RGB colors with opacity:</p>
<p id="p1">Red</p>
<p id="p2">Green</p>
</body>
- code-pen-site kullanım Krom tarayıcı
- basın F12 içinde
bakınız kod örneği Müfettiş
- "Kırmızı" kontrol aktif hale getirmek.
- "Kırmızı" RGBA (255,0,0,0.3) ayarlanmış arka plan rengi vardır, ama Inspector'da değeri RGBA (255, 0, 0, 0,298039)
- "Yeşil" sahip arka plan rengi dizi rgba'ya (0,255,0,0,3) ve Müfettiş değerine uyuyor.
Neden CSS rengi Javascript ile ayarlanırsa numara değişiyor?
, kromun alfa değerinin bir "+/- 0.001961" sabiti ile toplandığı görünmektedir. Tek bir ondalık ile tanımlandığında, daha fazla ondalık değerle birlikte değer tekrar değişir. – fcalderan