在导航栏中重复背景图像

Question

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

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

http://www.sanisportwest.com/

Answer 1

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

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

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

Answer 2

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

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

Answer 3

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

Answer 4

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