Question

我有一个包含图像的3列表。所有td都有width="33%"，并且包含的图片都有CSS width:100%。在FF和Opera中，图像像我想要的那样缩放，即填充单元的整个宽度，保持它们的纵横比。但是，在IE7中，它们的表现完全不同：我认为宽度最大的图片会拉伸整个列，较小的图片会拉伸到新的可用宽度。

相关网页是：http://mybgagent.com/print.php?offers_id=4515
（我知道这个网站很乱，我没有编码）

有关该怎么做的任何建议？设置css position:absolute可以使图像在IE中正确缩放，但会破坏Opera和FF中的缩放，以及在所有浏览器中定位。

Answer 1

我在IE7＆＃34;兼容性＆＃34;中遇到了很多这个问题。模式。简单的解决方法是不仅要把

width: 100%;

在我的CSS中，也是

width: 100%;
float: left;

清除了令人讨厌的打嗝。

Answer 2

听起来你有一个针对每个浏览器的解决方案，但无法定位它，CSS Browser Selector来帮助你！只需将此jQuery插入您的站点（在<head>部分），然后为IE和真实浏览器编写单独的规则，并在IE选择器之前附加.ie :)

效果很好，我一直都在使用它！

示例：

myTd
{
   background: #f00; /*whatever your rules are*/
}

.ie .myTdv
{
   position: absolute;
}

就是这样！

Answer 3

尝试将父单元格的样式设置为position:relative。

表格单元格中宽度为100％的图像在IE中不能缩放

3 个答案: