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

您指定的背景不要重复。由于背景图像不会重复并且比您指定的高度短，因此浏览器会将背景的其余部分渲染为背景颜色，即黑色。那是你看到的酒吧。

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

Answer 2

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

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

使用background-position的CSS背景图像具有毛刺效果

2 个答案: