使图像适合幻灯片容器

沙阿

我正在制作一个简单的幻灯片放映,该幻灯片将放到我正在制作的网站上,并且我使用/需要的图像大于div本身!

它们不会像我以前那样溢出overflow: hidden,但是它们不会收缩以适合容器!

我尝试添加类似的max-width: 100%东西,但没有任何效果:(

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

耶列科维奇

由于图片包含在细分区域中,因此将240px的高度应用于细分区域,然后使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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章