2016-10-03 11 views
0

Wir hatten einige CSS-Stile, die wir mit <p> Tag verwendet haben. Dies funktionierte vor der Aktualisierung von Firefox auf die neueste Version 49.0.1. Momentan wird der Text überhaupt nicht angezeigt. Wenn ich die Klasse von <p> entferne, wird der Text angezeigt.Text mit Farbe: # 0000 wird nicht angezeigt

Das sind meine Klassen und Tags

.primaryText { 
 
    color: #0000; 
 
}
<p class="primaryText">Hello world</p>

Hat nichts mit dem neuen Firefox ändern?

+0

Ihr CSS ist ungültig. Versuchen Sie, Ihren Code über http://www.css-validator.org/ auszuführen, wenn Sie Probleme mit einzelnen Eigenschaften und einem einzelnen Browser haben. – TylerH

Antwort

1

Die Hex RGB-Farbcode für schwarz sollte entweder #000 (Kurzform) oder #000000 (vollständige Form), aber nicht #0000

+0

Ich habe bereits versucht, es in # 000000 Vollform zu ändern, aber es funktioniert nicht auf Firefox noch. – user2868864

+2

@ user2868864 'Farbe: # 000000' funktioniert gut in Firefox 49.0.1: https://jsfiddle.net/TylerH/raf4qtsf/ – TylerH

+0

ja, das gleiche hier, im Gegensatz zu' # 0000' – Johannes

3

Sie verwenden hex RGBA Werte. Die letzte Ziffer repräsentiert das Alpha oder die Transparenz.

Das vierstellige Hex ist eine Teilimplementierung des hexadezimalen #RGBA, das auf FF (v49) unterstützt wird.

„#“, gefolgt von vier hexadezimalen Zeichen (0-9, AF), wobei die erste Ziffer den roten Teil darstellt, den zweiten den grünen Teil, den dritten Teil des blauen und die letzten die Transparenz .

(Quelle: MDN)

Sie in den normalen hex bleiben sollte (#RGB und #RRGGBB) Formate bis Unterstützung breiter ist.

#000000 & & #000 = Schwarz

#00000000 & & #0000 = Schwarz, das Transparent 100%

Seine in Chrome Canary (v52) implementiert ist .. Ich bin auf Linux, konnte es nicht verifiziere es.

Verwandte Themen