1

我有一个以画廊风格浮动的图像列表。当其中一个图像的大小与其他图像不同时，就会出现此问题。除了我的示例中的一个之外，所有图像都是 235x187 像素。奇数图像的宽度为 666 像素，高度为 530 像素。我的列表项的固定宽度设置为 235 像素，图像的最大宽度设置为 100%。较小图像和较大图像的纵横比相同（小数点后四位）。

正如您在示例中看到的那样，最大宽度将所有图像的宽度限制为 235 像素，除了 IE9 和 IE8（IE7 看起来不错）之外，一切看起来都很好，其中第四个图像漂浮在较大的黄色图像旁边. 即使浏览器报告较大的图像与其他图像具有相同的计算高度，也会发生这种情况。

所以我的问题是：IE9 和 8 中发生了什么？是舍入错误，还是 IE 在重新计算了较大图像的 css 宽度后没有重新绘制列表？

看看 jsFiddle 上的示例：http: //jsfiddle.net/99chG/1/

4

3 回答 3

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>
于 2012-05-14T12:18:49.410 回答
0

110% 的工作我们必须为此使用 java 脚本。

http://jsfiddle.net/rizwanabbasi/zwAkx/

于 2012-05-15T11:31:50.990 回答
0

嘿，也许请确保您的文档类型设置正确。

如果它是小写，那么它可能不起作用。它一定要是

于 2012-11-22T01:10:30.560 回答