如何使大图像不滚动?

Cri*_*ris 0 javascript css jquery css3 jquery-cycle

我有一个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> 
Run Code Online (Sandbox Code Playgroud)

CSS:

.slideshow {
    position:absolute;
    top:0;
    left:0;
    z-index:-999;
}
Run Code Online (Sandbox Code Playgroud)

谢谢,克里斯

Jam*_*gne 5

您应该能够将高度和宽度设置为100%并进行设置 overflow:hidden

  • @user:具体来说,将`overflow:hidden`添加到`.slideshow`规则中.(如果你不想,不需要设置`width`和`height`.) (2认同)