之前用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>