Wie entferne ich den seltsamen Rahmen aus dem Schatten in Firefox?
Siehe diese Geige in Firefox Ссылка
Beim Schweben sehen Sie diese graue Linie
In Google Chrome ist es in Ordnung, aber dieser graue Rahmen erscheint in anderen Browsern. Wie kann ich das lösen?
CSS
%Vor%3 Antworten
Es scheint, dass es keine perfekte Lösung gibt: Diese antialiasierten Pixel zwischen Schatten und Rand-Radius sind klebrig wie die Hölle.
Also habe ich die folgenden zwei Lösungen gefunden:
- Verwenden Sie ein zusätzliches Pseudo-Element, das den Problemort unterlag: Ссылка
- Fügen Sie zusätzliche schwarze Schatten hinzu (normal und einliegend): Ссылка - Ich habe hier zwei hinzugefügt, aber da sind noch einige Pixel sichtbar, wenn du noch zwei hinzufügen würdest, wäre es fast ok.
Traurig, aber das sind keine universellen Lösungen und ich konnte keinen geeigneten Weg finden, den Fehler selbst zu beheben.
Quickfix: Tragen Sie den unteren und den seitlichen 1px schwarzen Rand auf die Schaltfläche auf.
Fester Button: Ссылка
Beachten Sie, dass der Abstand der Box-Schatten-Y-Achse um 1 Pixel kleiner ist, um den unteren Rand von 1 Pixel zu kompensieren, plus den inneren Bereich mit negativen Rändern, um den übergeordneten Rand zu überlappen.
Isolierter Fehler hier: Ссылка
Tags und Links css css3 cross-browser firefox