使图像适合幻灯片容器

Question

我正在制作一个简单的幻灯片，它将出现在我正在制作的网站上，我使用/需要的图像比div本身更大！

他们使用overflow: hidden时不会溢出，但是它们不会缩小以适应容器！

我尝试添加类似max-width: 100%之类的东西，但这些都没有用：（

到目前为止，我的代码是：http://jsfiddle.net/V7Cv9/

Answer 1

由于图像包含在子div中，因此将240px高度应用于子div，然后使img具有100％高度

.slideshow > div {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 240px;
    max-height: 100%;
}

.slideshow > div > img {
    height: 100%;
    width: 100%;
}

JSFiddle：http://jsfiddle.net/L5NgN/