需要改變寬度和滑塊的高度，但圖像越來越重疊

Question

我想改變的主頁滑塊的寬度和高度爲這個網站的：使用下面的代碼我試圖改變寬度http://www.1000meninchrist.com/

和高度：

<div class="iosSlider" style="position: relative; top: 0px; left: 0px; overflow: hidden; z-index: 1; width: 720px; height: 490px;"><!-- slider --> 

我的問題是，當我試圖改變滑塊的寬度和高度時，圖像重疊。請告訴我我還需要做些什麼改變。

Answer 1

請最大寬度應用到img元素：

.iosSlider img { 
    max-width: 100%; 
} 

Answer 2

有了代碼後，我相信你需要改變iosSlider類以及幻燈片類的寬度，以便正確顯示。

Answer 3

在CSS http://www.1000meninchrist.com/skin/frontend/default/beautyshop/css/slider.css

變化

.iosSlider {  
overflow: hidden; 
width: 690px; 
height: 490px; 
margin:auto 0 0px; 
float:left; 
} 

到

.iosSlider { 
overflow: hidden; 
width: 720px; 
height: 490px; 
margin:auto 0 0px; 
float:left; 
}