Question

该网站在Mozilla，Chrome和IE6中显得很好。但是从IE7开始，菜单背景图像根本没有出现。在文件moo.menu.css中，我在li中做了以下更改：

.ry-cssmnu ul li {
margin: 0; /* all list items */
padding: 0;
float: left;
display: block;
background: url(../images/mainnav-bg.gif) repeat-x center top blue;/*added this line*/
cursor: pointer;}

此后，背景重复仅出现在菜单文本的位置。 http://bit.ly/ie8issue
该网站位于：www.agmrcet.com/cons 提前谢谢。

Answer 1

您必须向该容器声明一个高度。您的浮动列表项未提供其父容器高度，因为float将其从文档流中删除。您的<ul>当前高度为空，而背景图片无法解决此问题。

#mainnav { height:44px; ... }

Answer 2

首先，我会根据CSS语法更改CSS background 属性：

background: blue url(../images/mainnav-bg.gif) repeat-x center top;

Answer 3

看起来问题出在您的

上

<div class="clearfix" id="mainnav">

标签。您是否尝试过将粉红色边框或其他东西（进行调试）添加到mainnav元素，然后在其上设置固定宽度以确保它达到整个宽度？

水平的菜单背景没有出现在IE 7,8

3 个答案: