如何製作大圖不滾動？

我有一個jQuery循環幻燈片，幻燈片通過3張大照片，並在內容的其餘部分。工作正常，但問題是，如果我調整窗口的大小小於滾動條出現的照片的寬度（1400）或高度（900）。如何讓滾動消失或如何使圖像像背景圖像一樣「行動」......對於混淆，抱歉，希望你能理解我。如何製作大圖不滾動？

HTML：

<div class="slideshow"> 
    <img src="images/temp-bg.jpg" width="1400" height="900" /> 
    <img src="images/temp-bg2.jpg" width="1400" height="900" /> 
    <img src="images/temp-bg3.jpg" width="1400" height="900" /> 
</div>

CSS：

.slideshow { 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:-999; 
}

謝謝克里斯

來源

2011-06-13 Cris

你應該能夠在高度和寬度設置爲100％，並創下overflow:hidden

來源

2011-06-13 03:38:03

@user：具體來說，將'overflow：hidden'添加到'.slideshow'規則中。（如果你不想要，不需要設置'width'和'height'。） – 2011-06-13 03:40:52

我認爲你需要寬度和高度，否則你如何定義「溢出」。 – 2011-06-13 03:43:50

@kingjiv：不，不需要。幻燈片div的寬度與其父元素所允許的一樣寬，並且任何無法放入該區域的內容都會溢出。例如：http://jsbin.com/uzuvi4這是寬度。對於高度，可能必須將其設置爲'900'（而不是'100％'）以避免幻燈片div的父級顯示滾動條，如果@user想要的話。 – 2011-06-13 03:51:25

如何製作大圖不滾動？

回答

相關問題