使用 background-position 的 CSS background-image 有故障效果

Question

出现问题的代码是:

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

图像底部有一个奇怪的条，我无法理解原因。如果我将它定位为“正确”，它会在图像的顶部和底部显示相同的条。

任何人都可以帮助我了解为什么会显示该栏，以及如何处理它？<​​/p>

Answer 1

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

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