图像被裁剪了一点，就在 IE 中

【问题标题】：Image gets cropped a little bit, just in IE图像被裁剪了一点，就在 IE 中
【发布时间】：2012-07-26 00:24:39
【问题描述】：

由于某种原因，当我在 IE 中打开图像时，下面的图像看起来只是从右侧裁剪了一点，否则在 FireFox/Chrome 中看起来绝对没问题

你能告诉我为什么会这样吗？

IE 中的图片

FireFox 中的图像

问候泽山

【问题讨论】：

在 IE 7/8/9 中看起来不错。
我在 IE 8 中试过，图片在右边被裁剪了一点点。
是的，它在 IE 中被裁剪。我有点好奇这个答案。
我将您的图像放大。顶部、右侧和底部切割不完美。
我只在 ie10 中遇到了同样的问题

标签： html image internet-explorer cross-browser

【解决方案1】：

您好，我没有确切的解决方案，但我观察到了一些事情。

请使用下面的 HTML sn-p。

<body>        
    <div style="background-color: green; width: 200px; border-color:yellow;">
         <img src="IE_Bug.gif" alt="IE_Bug.gif" style="width:90%; 
           border-width: 3px; border-color:red;">
    </div>
</body>

现在在 Mozilla Firefox 和 InternetExplorer 中打开 HTML 文件。

仔细注意firfox中的图像。您可能会注意到，在右侧，当图像的黑暗移动部分越过时，图像中会出现闪烁效果。 IE中没有哪个效果。此外，如果我们将图像的宽度增加到 110%，那么在 IE 中，裁剪似乎消失了。在 110% 宽度时，它看起来像图像的右侧边框稍厚。

如果有人能找到有趣的东西，请告诉我。:)

【讨论】：