在导航栏中重复背景图像

【问题标题】：Repeat background image in Nav Bar在导航栏中重复背景图像
【发布时间】：2013-10-29 20:50:48
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：