css - 在导航栏中重复背景图像

Question

我也想将我背景中的重复背景图像包含在我的导航栏中。

#navigation-top, #navigation-bottom {
background-color: #fff;
width: 100%;
}

score 2 · Accepted Answer

您可以使用repeat-x或repeat-y，具体取决于图像和导航栏的方向。假设您的导航栏是水平的：

#navigation-top, #navigation-bottom {
width: 100%;
background: url(images/background_image.gif) repeat-x;
}

score 2 · Accepted Answer

您网站上的问题是“image.jpg”不存在。

#navigation-top, #navigation-bottom {
    background: #fff url('path/to/image.jpg') repeat;
    width: 100%;
}

如果您只希望它从左到右（而不是上下）重复，请使用repeat-x.

score 0 · Accepted Answer

0

background: #ffffff url("yourimg") repeat-x;

于 2013-10-29T20:53:36.680 回答

score -1 · Accepted Answer

复制所有与背景相关的 CSS#canvas-wrapper并将其粘贴到#navigation-top, #navigation-bottom.

4 回答 4