返回首页
当前位置11: 主页 > web前端 >

DIV背景图片在Firefox下不显示,IE下正常

时间:2010-02-02 20:46来源:未知 作者:admin 点击:
最近做一个企业网站菜单时发现,火狐下没有显示菜单背景。 #nav { width:972px; height:27px; background: url(../temp/menu_bg.jpg) repeat-x; margin:0 auto; } 这是因为你的#nav 下的ul li 加了float:left,在FF里如

最近做一个企业网站菜单时发现,火狐下没有显示菜单背景。

#nav {
 width:972px;
 height:27px;
 background: url(../temp/menu_bg.jpg) repeat-x;  
 margin:0 auto;
}
 

这是因为你的#nav 下的ul li 加了float:left,在FF里如果里面的元素加了float:left(right),它就不会被撑开的,也就是说的它的高度是0,如果正常显示,必须加上:overflow:auto,即

#nav {
 width:972px;
 height:27px;
 background: url(../temp/menu_bg.jpg) repeat-x;
 overflow:auto;
 margin:0 auto;
}

 小记,一定得在#nav 下的ul属性中加上padding:0px;margin:0px;用来取消浏览器默认的空白边,要不然你的ie会不正常显示的

(责任编辑:admin)
顶一下
(1)
33.3%
踩一下
(2)
66.7%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐内容