Jeśli ustawię wartość alfa za pomocą rgba (r, g, b, a) w javascript na cokolwiek innego niż 1, rzeczywista wartość ustawiona przez przeglądarkę jest nieznaczna różne. Ale wartość ustawiona w CSS jest dokładnie zgodna.(Chrom) Wartość koloru alfa (w rgba) w CSS i javascript
kod widoczny na próbkę w code-pen-site
<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>
- użycie chromu przeglądarka
- Naciśnij klawisz F12, aby aktywować Inspektor
- Sprawdzić, "czerwony".
- "Czerwony" ma ustawiony kolor tła na rgba (255,0,0,0.3), ale w Inspektorze ma wartość rgba (255, 0, 0, 0.298039)
- "Zielony" ma zestaw tło-kolor do rgba (0,255,0,0,3), a wartość w Inspektorze pasuje do tego.
Dlaczego jeśli kolor CSS jest ustawiony przez Javascript, to liczba się zmienia?
wydaje się, że chrome sumuje do wartości alfa stałą "+/- 0,001961" gdy jest zdefiniowany za pomocą jednego miejsca po przecinku, również z większą liczbą miejsc po przecinku, wartość ponownie się zmienia, co wydaje się błędem – fcalderan