IE6中png图像周围的蓝色边框答案

【问题标题】：Blue border around png imgae in IE6IE6中png图像周围的蓝色边框
【发布时间】：2018-02-02 18:31:35
【问题描述】：

我尝试使用 img border:0 css 但没有运气。请参阅附图。基本上，渐变图像是 png 格式的背景图像。当我在 IE 6 上查看它时，该图像周围出现蓝色边框。我很困惑为什么这只发生在那个特定的图像上。

谁能帮忙。我一直在寻找答案，但我没有找到任何运气。

谢谢。

【问题讨论】：

如果没有看到 html 和 css，我们将无法帮助您。提供指向您页面的链接，我们或许可以为您提供帮助。
蓝色边框通常表示图像被视为链接。是否有一个链接边框样式覆盖了您的边框：0 规则？您可以使用 Firefox 的 Firebug 之类的东西来查看任何对象上的样式/覆盖。
抱歉...这是标题 bg 的 css：#headerBgGradient { background-image:url(../images/gradient_bg.png);背景重复：重复；背景位置：0 0；高度：12px；位置：绝对；宽度：100%；边距：121px 0 0 0； z指数：10000；边框：无； }

【解决方案1】：

这看起来像图像重复。不是边界。

如果图片是背景，试试：

#your_element {
               background-image: url(your/image.png);
               background-repeat: repeat-x;
              }

这会将图像重复限制在 x 轴上。

或者，将元素高度设置为背景图像的高度。

如果您发布一些代码会更容易提供帮助。

【讨论】：