DIV position absolue fonctionne dans IE, Chrome, mais pas FF

je voulais mettre un 2 tons, fond pleine fenêtre sur ma page:DIV position absolue fonctionne dans IE, Chrome, mais pas FF

<body> 
<div style="position: absolute; width: 50%; height: 100%; top: 0%; left: 0%; z-index:-1;background-color: 96C3FF"></div> 
<div style="position: absolute; width: 50%; height: 100%; top: 0%; left: 50%; z-index:-1;background-color: BEC0C2"></div> 
<div id="mainDiv">...</div> 
</body>

Cela fonctionne très bien sur Chrome et IE8, mais pas sur FF3. Je pensais que je devais peut-être régler la hauteur sur le corps à 100%, mais cela n'aide pas.

Si je supprime l'index z, ils sont visibles correctement sur les 3 navigateurs mais dessinés au-dessus de mainDiv ... et le réglage de z-index de mainDiv sur 1 ne fait rien.

Je ne pensais pas que tout cela était inhabituel ... des idées?

Source

2009-11-14 Mr. Boy

Cela fonctionne très bien dans FireFox 3.5 atleast. – Marco

Fonctionne aussi pour moi en FF 3.0.15. –

fonctionne très bien dans Firefox pour moi aussi, mais il y a d'autres choses que vous pouvez regarder, mais sans rapport avec ce problème:

Couleurs en notation HEX devrait commencer par un #. Donc 96C3FF serait # 96C3FF
Vous pouvez utiliser right: 0; au lieu de gauche: 50%;

Source

2009-11-14 16:35:10

DIV position absolue fonctionne dans IE, Chrome, mais pas FF

Répondre

Questions connexes