CSS背景图像使用背景位置有一个毛刺的效果

Question

出现问题的代码是：

/* footer */
#footerwrapper {
    height: 225px;
    background-color: #000000;
    background-image: url('../images/footbgRight.jpg');
    background-position: top right;
    background-repeat: no-repeat;
}

这张图片在底部显示了一个奇怪的条，没有任何原因我无法理解。如果我将其定位为“恰到好处”，它会在图像的顶部和底部显示相同的条。

有没有人能告诉我为什么会显示这个栏，以及该怎么做？

Answer 1

您指定了不重复的背景。由于背景图像不重复且高度小于您指定的高度，因此浏览器会将背景的其余部分呈现为您的背景颜色，即黑色。这就是你看到的酒吧。

编辑:我现在看到了。@Musa之前的评论是正确的。它似乎在图像本身，而不是CSS的东西。

Answer 2

它继承了第15行styleNew.css中声明的#headborder {}的背景色

您可以尝试在#footerwrapper的开头添加background:none;，但这不太可能解决问题，您将不得不在#footerwrapper中重复背景或在#headborder中取消背景颜色，您也可以尝试在#footerwrapper中添加background-color:white;