在导航栏中重复背景图像

Question

我想将我背景上重复的背景图片也包含在我的导航栏中。任何帮助都将不胜感激。谢谢

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

http://www.sanisportwest.com/

Answer 1

您网站上的问题是thate 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。