Hintergrundbilder in Internet Explorer 6 für Windows verankern
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
In Internet Explorer 6 für Windows sollen Hintergrundbilder auch für andere Elemente als body fest verankert werden.
Lösung
Verwenden Sie den unten beschriebenen JavaScript-Code, um den gewünschten Effekt zu erzwingen. Kopieren Sie zunächst diesen Code in Ihr Dokument:
<head>
<script type="text/javascript" src="fixed.js"></script>
</head>Den Quellcode für die Datei fixed.js finden Sie auf der Website von Andrew Clover.
Diskussion
Nach der CSS 2-Spezifikation sollte ein mit der Eigenschaft background-attachment fest verankertes Hintergrundbild sich beim Scrollen der Seite nicht mitbewegen. Leider funktioniert diese Eigenschaft in keiner der Versionen von Internet Explorer für Windows korrekt.
Dieser erstaunliche JavaScript-Workaround von Andrew Clover behebt dieses Problem durch einfaches Einbinden des JavaScript-Links in das betreffende Dokument. Der Code berechnet die Position des Ansichtsbereichs beim Scrollen neu und passt das Hintergrundbild entsprechend an.
Siehe auch
Das Rezept Das Hintergrundbild verankern für weitere Informationen zum Definieren eines fest positionierten Hintergrundbildes und die CSS 2-Spezifikation zur Eigenschaft background-attachment.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln