我正在制作一个简单的幻灯片放映,该幻灯片将放到我正在制作的网站上,并且我使用/需要的图像大于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] 删除。
我来说两句