banner图片css设置问题

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

举报该文章

相关建议推荐于2017-12-16

你是要显示通栏导航的效果把？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>
这样就可以实现这个效果了

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/2fqvsfv7m.html

其他看法

第1个回答 2012-12-25

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

楼上几位说的没用

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

第2个回答 2012-12-25

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

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

第3个回答 2012-12-25

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

第4个回答 2012-12-26

banner 1920？？？？？

相似回答

大家正在搜