In einem Versuch, einen Pfeil in reinem CSS für meinen Tooltip zu machen, stieß ich auf ein Problem in Firefox:
Ich habe versucht, herauszufinden, was den dunklen Rand in Firefox ohne Erfolg verursacht.
Hier ist ein jsfiddle und ein laufendes Snippet, das das Problem demonstriert:
Diese zweite Demo zeigt, dass Hintergrund transparent die Ursache ist, da das Ersetzen von Transparent durch eine Farbe zu derselben Renderfunktion in Chrome führt und Firefox.
Nun funktioniert es mit RGBa
und transparent
; Offensichtlich wurde der Fehler behoben (vielleicht zufällig, weil er immer noch im Zustand NEW ist, stattdessen auf FIXED).
Wenn Ihnen das immer noch passiert, führen Sie wahrscheinlich eine alte FireFox-Version (die aktuelle ist 38.0.5) aus, und Sie können die Problemumgehung in der Antwort verwenden, um das Problem zu beheben.
Es ist das
Fehler 646053 - dunkle Diagonalen an Ecken verbinden sich neben transparenten Grenzen
Die Problemumgehung besteht darin, RGBa
anstelle von transparent
:
Tags und Links html css css3 firefox pseudo-element