Problem z walidatorem przy zastosowaniu opacity Opcje

[Jarod]

Kod

#overlay {
filter: alpha(opacity=76);
-moz-opacity: 0.76;
opacity: 0.76;
}

Komunikat validatora:

div#overlay Błšd parsowania opacity=76)
div#overlay Właściwość -moz-opacity nie istnieje : 0.76

O co chodzi?

[batman]

W specyfikacji CSS nie ma czegoś takiego jak -moz-opacity. Jest to reguła dodana w firefoxie na potrzeby dostosowania tej przeglądarki do najnowszych standardów. Zamiast tego użyj po prostu opacity. Tylko pamiętaj, że atrybut ten jest wprowadzony dopiero w wersji 3, a jak walidujesz kod css na stronie w3.org, to walidujesz go jako css 2.1. Aby nie było błędów, musisz zmienić w ustawieniach względem, której wersji chcesz sprawdzić kod.

[grzesiek_g]

-moz-opacity jest jak najbardziej poprawne, jest to tylko styl dla Gecko i zastępuje opacity wprowadzone w jeszcze nie wydanej specyfikacji CSS3. Dodam tylko, że FF 1.5 nie zna opacity (chociaż FF2 na dobre się zadomowił na komputerach, to jeszcze kilka FF1.5 pozostało).

[Jarod]

Wygooglałem wczoraj że -moz-opacity nie jest standardem. Poza tym ja zawsze waliduje css jako css3. Rozumie, że filter: alpha(opacity=76); jest wytworem IE i mogę spokojnie olać ten 1 błąd (dla opery i ff stosuję już opacity)?

[grzesiek_g]

Filter zawsze bedzie zwracał bład, co nie znaczy, że arkusz jest zły. Możesz dodawać filter w arkuszu oddzielnym dla IE, wtedy walidator nie przyczepi się bo nie będzie widział tamtego arkusza.

[Jarod]

Rozumiem. Dzięki.