Bloc CSS (div) image de fond et marge négative

Quelqu'un a-t-il eu le bogue sur Opera (et autres) mais pas IE6 (ici tout est OK) quand le bloc (DIV) a une image de fond (non-répétition) n'apparaît pas si le bloc a une marge négative? Quelque chose comme ceci:Bloc CSS (div) image de fond et marge négative

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

IE6, IE7 - OK IE8, Opera, Firefox, Chrome, Safari - BUG Aucune image de fond ne PNG hacks Juste ce HTML:

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

et ce CSS

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

Si j'ajoute position: relative - fonctionne dans Opera, mais ne fonctionne pas dans IE6 Si je change pour positionner: fixe - tout est génial mais je ne suis pas sûr que ce soit une façon parfaite de résoudre le problème. Pour faire défiler ce défilement aussi.

Source

2010-11-18 powermic

s'il vous plaît montrer votre css ensemble et le code HTML pour cela - je ne pense pas IE6 fait quelque chose de bon que l'opéra et d'autres ne le font pas - je suis sûr qu'il y a un problème avec votre code et c'est un bug IE pour faire ce que vous voulez. – oezi

s'il vous plaît modifier votre question pour ajouter des informations, en écrivant ceci dans les commentaires est très confus. Je vais essayer de résoudre ce problème quand je suis à la maison si personne n'a répondu jusque-là. – oezi

On dirait que vous avez juste besoin de lui donner une hauteur et d'une largeur ou bien elle est seulement aussi grand que le texte dans cette div:

Voici un violon: http://jsfiddle.net/VrEvA/

et une autre avec l'arrière-plan dans le div d'origine:

Source

2010-11-18 18:44:56

mais s'il n'est pas recommandé de mettre l'image du curseur en arrière-plan? – powermic

Je ne comprends pas ce que cela signifie –

Bloc CSS (div) image de fond et marge négative

Répondre

Questions connexes