HTML img 有不需要的边缘答案

【问题标题】：HTML img has unwanted edgesHTML img 有不需要的边缘
【发布时间】：2010-08-11 01:42:20
【问题描述】：

查看任何东西-pages.com/ 并查看左侧的 2010 年世界大赛赞助徽标。在此标记中呈现的徽标的顶部和左侧有一条边：

<div style="position: absolute; float: left; left: 0px;">
    <img width="200" height="200" src="/themes/zen/atdwh_classic/images/2010 JLBB-30 year - sml.jpg">
</div>

是什么原因造成的？

边框属性为“border: 0 none;”

【问题讨论】：

您在哪个浏览器中看到这个？
我在 IE 8 或 FF 中看不到任何边框。
在 FF 3.6 和 IE8 中看不到它。
我在 Mac OS X 上的 Chrome 中看不到它
另外，你只需要指定border: none;这可能会让您在任何浏览器中看到它感到困惑。

标签： html css image

【解决方案1】：

当我将超亮 TFT 的对比度降低到 50% 以下时，我看到了色差。我将图片复制到 Photoshop 中，它的背景是 #fdfdfd，而您的网页背景是 #ffffff。

因此，要解决此问题，要么将图像背景设为#ffffff（或者更好，透明），要么将您网站的背景设为#fdfdfd :)

更新：无论如何，我让它透明了。将其替换为下图并重试：

【讨论】：