在线等，怎么让这个效果中的图片一直居中显示

Question

本帖最后由 surgit 于 2012-09-05 14:33:40 编辑

Answer 1

布局有问题，中间不动背景会动，要改就不是1,2个css的问题了

Answer 2

其实不用看背景的，背景只是参照用。。就是为了看清banner部分居中。我有思路 就是随着浏览器窗口的改变而不断改变banner的left的值。但是我不会写

Answer 3

#container {height:1154px;background:url(http://1.depaer.sinaapp.com/b/images/bg1.jpg) no-repeat fixed top center;margin:0;padding:0;}
.slide-cnt{width:100%;height:100%;position:fixed;overflow:hidden;z-index:2}改这2个css，第一个是固定背景的，第二个是固定内容快，不过只对IE7+，firefox等起作用，IE6需要添加window.onscroll事件来移动中间层才行。。

Answer 4

你的图片太大了，要么裁剪下，要么用背景图片作为背景图片来弄.slide-list li{background-position:center top;background-repeat:no-repeat;}
<ul class="slide-list">
        <li style="background-image:url(http://1.depaer.sinaapp.com/b/images/banner1.jpg)"><img src="http://1.depaer.sinaapp.com/b/images/banner1.jpg" alt="banner1" style="visibility:hidden" /></li>
        <li style="background-image:url(http://1.depaer.sinaapp.com/b/images/banner1.jpg)"><img src="http://1.depaer.sinaapp.com/b/images/banner2.jpg" alt="banner2" style="visibility:hidden"  /></li>
        <li style="background-image:url(http://1.depaer.sinaapp.com/b/images/banner1.jpg)"><img src="http://1.depaer.sinaapp.com/b/images/banner3.jpg" alt="banner3" style="visibility:hidden"  /></li>
    </ul>

Answer 5

就是类似 http://www.huawei.com/cn/华为的这个首页的这种的。缩小网页的宽度，但是主要显示内容的部分 还是显示出来这样子的。

Answer 6

中间的那个部分的层的样式表 设置一下 margin:0 auto;

Answer 7

给calss为slide-cnt的css加一个margin: auto;不行的话把宽高设成具体值