0 
.menubar li {
    float: left;
    width: 115px;
    text-align: center;
    background-image: url(js/left_main_bg_image.gif);
}

背景图像不适用于firefox、chrome。我也在餐桌上试了一下。也不工作。

谁能帮我！
我会感谢谁帮助了我。

4

4 回答 4

1

也将图像的高度添加到您的 CSS 声明中。你不需要那些<br>标签

像下面这样的东西应该可以工作：

.menubar li {
    float: left;
    width: 115px;
    text-align: center;
    background: url('js/left_main_bg_image.gif');
     height: 100px;
}
于 2013-01-02T08:56:30.273 回答
1

你错过了heightCSS 属性。请参阅工作示例。

这是所需的 HTML 和 CSS。与您的代码进行比较，看看您错过了什么。

HTML

<ul class="menubar">
    <li></li>
    <li></li>
</ul>

​<strong>CSS

.menubar li {
    float: left;
    width: 115px;
    height: 115px; 
    text-align: center;
    background-image: url(js/left_main_bg_image.gif);
}​
于 2013-01-02T09:00:52.233 回答
0 
.menubar li {
    float: left;
    width: 115px;
    height:100px;
    text-align: center;
    background-image: url('js/left_main_bg_image.gif');
}

注意图像网址周围的引号......

而且我不知道为什么你<br>的css中有元素......

于 2013-01-02T08:59:35.110 回答
0

它期望li元素位于类为menubar的ol或ul标签内。确保这些具有指定类的标签存在。

于 2013-01-02T09:02:33.920 回答