在 Internet Explorer 8 的 DIV 中调整图像答案

【问题标题】：Fit image in DIV on Internet Explorer 8在 Internet Explorer 8 的 DIV 中调整图像
【发布时间】：2013-09-29 23:32:22
【问题描述】：

我需要显示一个适合 div 标签的图像。这段代码在 Chrome 中运行良好，但是当我在 Internet Explorer 8 上可视化它时，我得到了一个裁剪的图像。这是我的代码

。网格{ 背景：url（'./images/grid.png'）；背景重复：不重复；宽度：730px；高度：647px；背景尺寸：包含；背景尺寸：100% 100%； }

<div id="pointer_div" onclick="point_it(event)" class="grid">
...
</div>

不知道是否有帮助，但我必须使用

<!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//en">

【问题讨论】：

【解决方案1】：

background-size 属性在 IE8 中不起作用。

您应该尝试在您的 div 中添加一个<img> 标签，并在<img> 上使用max-width: 100%;。

【讨论】：

为什么需要max-height？高度应使用max-width: 100%; 自行调整。如果由于某种原因高度没有调整，请使用height: auto;
有时图像的高度较大但宽度较大，因此可能不适合宽度，在这种情况下，使用max-height 是有意义的...

【解决方案2】：

你应该知道background-size不被IE8支持

【讨论】：