我有一个漂浮在画廊风格中的图像列表。当其中一个图像与其他图像的大小不同时,会出现问题。除了我的示例中的所有图像,所有图像都是235x187像素。奇数图像的宽度为666px,高度为530px。我的列表项的固定宽度设置为235px,图像的最大宽度设置为100%。较小图像和较大图像的纵横比相同(低至第四个十进制)。
正如您在示例中所看到的,最大宽度将所有图像限制为235像素的宽度,除IE9和IE中外,一切看起来都不错。 IE8(IE7似乎很好),第四张图像漂浮在较大的黄色图像旁边。即使浏览器将较大的图像报告为与其他图像具有相同的计算高度,也会发生这种情况。
所以我的问题是:IE9& 8?这是一个舍入错误,还是IE重新计算较大图像的css宽度后是不重新绘制列表?
查看jsFiddle上的示例:http://jsfiddle.net/99chG/1/
答案 0 :(得分:2)
它正在运作
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
border-top-right-radius: 7px;
border-top-left-radius: 7px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
</style>
答案 1 :(得分:0)
110%的工作我们必须使用javascript。
答案 2 :(得分:0)
嘿,也许确保你的doctype设置正确。
如果它是小写,那么它可能不起作用。它必须是