image de fond est pas centré dans IE6

Question

Je suis en train d'utiliser une image d'arrière-plan du corps qui est le centre aligné, mais il ne fonctionne pas dans IE 6. Le CSS pour le corps est

body{line-height: 160%;font-family: "Trebuchet MS", sans-serif; font-size: 80%; 

/*  background: #000a28 url('img/main_bg.png') no-repeat center top;*/ 
background-image:url('img/main_bg.png'); 
background-repeat:no-repeat; 
background-attachment:scroll; 
background-position:center top; 
background-color: #000a28; 
width: 100%; 
margin: 0 auto; 
color: #ffffff; 
text-align: center!important} 

Pour IE 6 J'ai écrit le texte suivant CSS

body { 
    text-align:center; 
} 

#main-wrapper { 
    margin:0 auto; 
    width:960px; 
    text-align:left; 
} 

S'il vous plaît aidez-moi.

Answer 1

La raison pour laquelle cela ne fonctionne pas est à cause du script png transparent SuperSleight que vous utilisez. Parce que le script ne s'exécute que lorsque tout est chargé, l'arrière-plan se centre d'abord, puis revient à gauche lorsque le script s'exécute. Autant que je sache, AlphaImageLoader ne permet pas de changer la position de l'arrière-plan.

Essayez plutôt d'utiliser ce script: http://www.dillerdesign.com/experiment/DD_belatedPNG/. Il utilise une solution différente qui devrait permettre d'utiliser la position d'arrière-plan.

Answer 2

Essayez mon code au lieu de propriétés de votre corps

body{ 
background:url('img/main_bg.png') #000a28 no-repeat center top; 
color: #ffffff; 
font-family: "Trebuchet MS", sans-serif; 
font-size: 80%; 
line-height: 160%; 
text-align: center; 
}