Mein Div verschwindet hinter einem Div im IE7

October 30

Div oder Division, Schichten sind vielseitige Elemente, die auf fast jeder Webseite verwendet werden. Weil Sie auf verschiedene Weise manipulieren können, wie sie negative Ränder überlappen oder absoluter oder relativer Positionierung, können Sie interessante Layouts erstellen. Jedoch kann Überlappende Elemente aus anderen Divs blockieren, die hinter Ihrer Ebene angezeigt werden. Dies kann sein, besonders dann, wenn Sie von Internet Explorer 6 auf IE7 aktualisiert haben.

Div-Verhalten

DIV-Layer sind rechteckige Container, die jede Art von Daten oder Inhalte enthalten können. Sie können so viele Divs wie Sie auf einer Webseite wollen und Anwenden von Formaten auf Basis des Div von Div. Aus diesem Grund können Sie mit div-Tags können Sie Ihr Layout anordnen oder Bereichen Ihrer Website, wie z. B. Randleisten oder Fußzeilen in div-Tags enthalten. Mehrere Divs kann den gleichen Raum, abhängig von Ihren Methoden belegen. Beispielsweise können Sie überlappende Divs erstellen, wenn Sie absoluter oder relativer Positionierung für eine oder mehrere Divs verwenden. Wenn ein Div vor einem anderen Div angezeigt wird, kann es Inhalte zu sperren, die Originalebene mit eigenem enthält.

InternetExplorer und CSS

Wenn Sie verschiedene Div Verhalten in Internet Explorer 7 als Internet Explorer 6 auftritt, kann es sein, das Ergebnis des Microsoft ändern wie der Browser das CSS-Box-Modell behandelt. IE6 und frühere Versionen des Browsers falsch behandelt, Breite, Ränder und Abstände mit HTML-Elementen, wie z. B. Divs. Internet Explorer sollte Ihre Divs auf korrekte Weise anzeigen. Das falsche Box-Modell enthalten die Breite der Ränder und Abstände in der Breite des Elements. Allerdings sollte die angegebene Breite Basis, ohne die zusätzliche Stile breit. Breiter Divs und Elemente, rendert möglicherweise verursacht Überschneidungen, in Internet Explorer 7, die Sie mit Internet Explorer 6 verwendet CSS.

Box-Modell-Lösung

Beim Arbeiten mit div-Tags, die in IE7 als IE6 anders Verhalten müssen Sie den Speicherplatz von Rahmen und Innenabstand verwendete berücksichtigen. Zum Beispiel ein 500 Pixel breit Div würde aufgetaucht 500 Pixel breit in IE6 unabhängig von der Polsterung aber erscheint nun breiter mit Polsterung im IE7. Sie müssen die Breite des Div, in Ihrem CSS durch die Breite Polsterung oder Grenzen reduzieren. Wenn Sie einen 1-Pixel-Rahmen sowohl Rechts und Links, sowie symmetrische 5 Pixel Abstand müssen Sie die Breite des Ihre Div auf 488-Pixel--ändern um Platz für Ränder und Abstände auf beiden Seiten - also das gleiche in Internet Explorer 7 zeigt es. Dies wird das kleinere Div produzieren, die Sie wünschen und können Überschneidungen zwischen Div-Ebenen im IE7 reduzieren.

Z-index

Haben Sie zwei Divs, die Sie möchten, überschneiden sich aber feststellen, dass man auf die andere vollständig bedeckt ist, können die Z-Index-Eigenschaft Sie eine der die Divs in den Vordergrund verschieben, sodass Sie den Inhalt sehen können. Die Z-Index verschiebt Elemente auf Ihrer Seite in Ihrer Nähe, auf der geometrischen Z-app. Standardmäßig Webseite Elemente haben einen Z-Index "0" und alle auf derselben Ebene angezeigt werden. Wollen Sie zwingen, ein Div übereinander in Internet Explorer 7 angezeigt werden, würde Sie ändern ihren Z-Index-Wert in eine Zahl, die größer als "0" oder die Werte der beiden Divs ändern, so dass sie "näher" an Sie als der Rest des Inhalts angezeigt. Ein Div mit dem folgenden CSS erscheint vor anderen Inhalten, die auf Ihrer Seite, damit Sie es sehen können. Sie sollten diese Methode, um Text in einem Div vor ein Bild in einem anderen Div, zum Beispiel zu zeigen.< Div Style = "Z-Index: 1;" > content hier < / Div >