banner图片css设置问题?

Question

banner图片css设置问题

Answer 1

作为背景图片显示，然后写CSS样式，将背景图片居中显示就可以了。样式是这样的;#div{background:url('图片路径') center;}这样的话就可以满足要求。

Answer 2

你是要显示通栏导航的效果把？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 3

其实应该很好解决，之所以下面被遮住是因为 z index只算他的父级 ，你的.nav没有定义position:relitive;z-index:3; 那他里面的子元素再怎么写也不可能比洗面的banner层级大。试试吧、1.nav{position:relitive;z-index:3;}

Answer 4