2012-06-13 4 views
5

Ich habe einen seltsamen Fehler in Firefox gefunden. Ich habe es auch in Chrome getestet, ist aber nicht passiert.Firefox Antializing deaktiviert, bei der Verwendung von festen DIV

Ich benutze ein Hintergrundobjekt. Es ist ein div mit fester Position und 1920 * 1050 Größe. Ich brauche das, weil ich meine Seite mit jeder Auflösung kompatibel machen will. Eine kleinere Auflösung verdeckt den Großteil des Hintergrunds, aber Full-HD-Benutzer können den gesamten Hintergrund sehen.

Wenn ich absolute Position für dieses div verwende, kann ich mit meinem Browser horizontal scrollen. Ich kann es mit versteckten Überlauf verstecken, aber ich kann die Scroll-Fähigkeit nicht deaktivieren. Bei einer festen Position "sieht" der Browser nicht das ganze Objekt und es ist gleich dem deaktivierten horizontalen Scrollen.

Wenn jemand andere Lösungen haben würde ich sehr dankbar dafür sein.

Das Problem bei dieser Lösung, ist dies:

Sie den Unterschied zwischen den beiden sehen. Es ist das gleiche Text-Styling, aber kein Anti-Aliasing auf einem festen. Bei kleineren Schriftgrößen ist es wirklich nervig.

Hat jemand diesen Fehler in der Vergangenheit getroffen? Wie kann ich das beheben oder eine andere Lösung für das Hintergrundbild?

aktualisieren

Okay, löschte ich die div und fügte hinzu Hintergrund für mein Body-Tag, mit festem Attribut, und geschieht das gleiche ... background-attachment: fixed; < Verursacht das gleiche Problem

+0

für mich sieht das Rendern des Bildes unter der Position behoben viel besser als das andere –

+0

hmm, vielleicht haben Sie eine hohe Auflösung, und Sie können nicht die grobe "e" Buchstaben sehen. –

+2

Nur eine Bemerkung über Ihren 1920x1050 Hintergrund ... die Technologie hat Sie bereits eingeholt. –

Antwort

0

Nicht ganz sicher, was Ihr Hintergrund tun soll. Wenn Sie jedoch einen proportional skalierenden Hintergrund benötigen, der zu allen Browserfenstergrößen passt, können Sie das Plugin this und ein JPEG mit einer relativ hohen Auflösung und einem Vorladevorgang verwenden.

0

Entfernen Sie alle Box-Shadow-Eigenschaften vom übergeordneten Element. Das hat für mich funktioniert.