html - 背景图像在 IE6 中不居中

Question

我正在尝试使用居中对齐的主体背景图像，但它在 IE 6 中不起作用。主体的 CSS 是

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}

我为 IE 6 编写了以下 CSS

body {
  text-align:center;
}

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

请帮帮我。

Answer 1

它不起作用的原因是因为您正在使用 SuperSleight 透明 png 脚本。由于脚本仅在所有内容加载完毕后运行，因此背景首先居中，然后在脚本运行时跳回到左侧。据我所知，AlphaImageLoader 不允许更改背景位置。

尝试改用这个脚本:http://www.dillerdesign.com/experiment/DD_belatedPNG/ .它使用不同的解决方案，应该允许使用背景位置。