之前用banner图做li的背景,达到图片居中显示的效果,但循环li时很难控制要显示的图片,下面这段代码可以在img 的src中控制要显示的图片,在banner 循环时也方便控制
<div style="overflow: hidden; position: relative; width: 100%; height: 618px;">
<img src="images/news_02.jpg" style="position:absolute;width:1920px;height:618px;left:50%;margin-left:-960px;">
</div>
下面是两张大图居中显示,不管浏览器放大比例是多少,两张图片都居中显示
<div style="overflow: hidden; position: relative; width: 100%; height: 618px;">
<div style="width:1920px; position:absolute;left:50%;margin-left:-960px;">
<img src="1.jpg" style="width:50%;height:618px;float:left;">
<img src="1.jpg" style="width:50%;height:618px;float:left;">
</div>
</div>