2010-11-18 20 views
0

hat jemand den Fehler auf Opera (und anderen), aber nicht IE6 (hier ist alles in Ordnung), wenn der Block (DIV) hat ein Hintergrundbild (keine Wiederholung) tut erscheint nicht, wenn der Block einen negativen Rand hat? Etwas wie folgt aus:CSS-Block (div) Hintergrundbild und negativer Rand

#slide_desc {height: 60px;margin-top: -84px;background: url('back/slide_desc.png') no-repeat;} 

IE6, IE7 - OK IE8, Opera, Firefox, Chrome, Safari - BUG Kein Hintergrundbild kein PNG Gerade diese HTML-Hacks:

<div id="slider"> <img src="img/slide.jpg" height="300" width="730" border="0" /> <div id="slide_desc"> Lorem ipsum </div> </div> 

und diese CSS

#slide_desc {margin-top: -84px;background: url('slide_desc.png') no-repeat;} 

Wenn ich hinzufügen position: relative - funktioniert in Opera funktioniert aber nicht in IE6 Wenn ich ändern zu positionieren: behoben - alles ist großartig, aber ich bin mir nicht sicher, ob es der perfekte Weg ist, um das Problem zu lösen. Becase des Scrollens scrollt auch.

+0

bitte zeigen Sie Ihre ganze css und die HTML für das - ich glaube nicht, IE6 macht nichts richtig, dass Oper und andere nicht - ich bin sicher, es gibt ein Problem mit Ihrem Code und es ist ein IE-Bug, um zu tun, was Sie wollen. – oezi

+0

Bitte bearbeiten Sie Ihre Frage, um Informationen hinzuzufügen, das Schreiben in Kommentaren ist sehr verwirrend. Ich werde versuchen, das zu lösen, wenn ich zuhause bin, wenn bis dahin niemand geantwortet hat. – oezi

Antwort

0

Sieht aus wie Sie gerade geben, müssen sie eine Höhe und Breite oder aber sie ist nur so groß wie der Text in diesem div:

Hier ist eine Geige: http://jsfiddle.net/VrEvA/

Und ein anderer mit dem Hintergrund in der ursprünglichen div:

+0

aber wenn es nicht empfohlen wird, Slider Bild im Hintergrund zu setzen? – powermic

+0

Ich verstehe nicht, was das bedeutet –