1

有问题的代码是：

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

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

谁能帮我理解为什么显示栏，以及如何处理？

4

2 回答 2

0

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

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

于 2012-07-25T19:30:54.410 回答
0

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

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

于 2012-07-25T19:32:28.233 回答