Question

banner图片css设置问题

banner根据显示器屏幕自动调整，banner宽1920,在宽屏下显示整张，在别的屏幕下显示出中间部份，请问怎么设置，或有没有源码参考，谢谢

Answer 1

你是要显示通栏导航的效果把？CSS完全可以实现：
将banner外面加个DIV，调用样式类nav，然后设置banner为1000像素宽，nav的设置自动：
【CSS部分】
<style>
.nav{width:auto;height:30px;background:url(img/bg.jpg) center center no-repeat;}
.banner{width:1000px;height:30px;margin:0 auto;}

.banner ul{width:1000px;height:30px;}
.banner ul li{width:100px;height:30px;float:left;}

</style>
【网页结构】
<div class="nav">
<div class="banner">
<ul>
<li>导航<li>
<li>导航<li>

<li>导航<li>

<li>导航<li>

<li>导航<li>

<ul>
</div>

</div>
这样就可以实现这个效果了

Answer 2

单纯CSS没办法实现，得需要JS判断分辨率大小进行载入不同的图片

楼上几位说的没用

另外一种情况就是具体问题具体分析，如果banner两侧的图片是渐变，纯色，也就是没有内容的话，把它裁剪出来，平铺成banner背景，然后插入的banner图片则margin:0 auto;居中是可以达到想要的效果

Answer 3

作为背景图片显示，然后写CSS样式，将背景图片居中显示就可以了。
样式是这样的;

#div{background:url('图片路径') center;}
这样的话就可以满足要求。

Answer 4

把 它 弄成 背景图 就可以了， 写在样式 里 不 样发 页面 显示！

Answer 5

banner 1920？？？？？