CSS+DIV :设置的背景颜色(background-color)在IE中显示但在火狐（firefox）中却没东西颜色也看不到？

我用的是外部样式<body>中都没什么看的全是DIV全加的背景图片给各位大侠看下style中的代码：#fff4{margin:0;width:521px;height:3... 我用的是外部样式<body>中都没什么看的全是DIV 全加的背景图片
给各位大侠看下style中的代码：
#fff4{ margin:0;
width:521px;
height:34px;
background-image:url(../html/img/img_r7_c1.jpg);
float:left;}
#fff5{ margin:0;
width:521px;
height:97px;
float:left;
background-color:#CCCCCC;}
#lin1{ margin:0;
width:483px;
height:238px;
float:left;}
#fff6{ margin:0;
width:250px;
height:238px;
float:left;
background-image:url(../html/img/img_r6_c9.jpg);}
#fff7{ margin:0;
width:233px;
height:238px;
float:left;
background-image:url(../html/img/img_r6_c11.jpg);}
#4box{ margin:0;
width:1004px;
height:106px;}
#nn1{ margin:0;
width:250px;
height:106px;
background-image:url(../html/img/img_r9_c1.jpg);
float:left;}
#nn2{ margin:0;
width:251px;
height:106px;
background-image:url(../html/img/img_r9_c3.jpg);
float:left;}
#nn3{ margin:0;
width:249px;
height:106px;
background-image:url(../html/img/img_r9_c8.jpg);
float:left;}
#nn4{ margin:0;
width:254px;
height:106px;
background-image:url(../html/img/img_r9_c10.jpg);
float:left;}
#5box{ margin:0;
width:1004px;
height:16px;
float:left;
background:#CCCCCC;}
#6box{ margin:0;
width:1004px;
height:120px;}
#nn5{ margin:0;
width:353px;
height:120px;
background-image:url(../html/img/img_r11_c1.jpg);
float:left;}
#nn6{ margin:0;
width:397px;
height:120px;
background-image:url(../html/img/img_r11_c6.jpg);
float:left;}
#nn7{ margin:0;
width:254px;
height:120px;
background-image:url(../html/img/img_r11_c10.jpg);
float:left;}

在#5box中设置的背景颜色不显示
IE中的效果：带灰色的
火狐的效果:无灰色好像那块是空的

各位大侠看到一个提问说解决这个问题：他的解决方法是清除浮动float,这我又不懂了
如果我不加float的话，背景图在火狐是不显示的，加上fioat图片才显示，我反复试了好多遍！

我很郁闷请求高手解答！
由于这个网页本身就是个大的图片还需要DIV+CSS编写。。所以本身切图的话基本上都是吧大图切小图，主要就是排列小图！

求求各位大侠解决！
困扰我很久了！
分就10分了。没多的了。
谢谢！展开

 我来答

5个回答

#热议# 什么是淋病？哪些行为会感染淋病？

火狐
2013-12-13 · Firefox，最快最安全的上网体验

火狐

Mozilla Firefox火狐浏览器，是一款开放安全的开源浏览器，全球拥有5亿用户。

向TA提问

关注

展开全部

　　您好！很高兴为您答疑！

　　#4box #5box 请不要以数字开头，这样#box5 ，对应着id="box5"，要显示的内容被前面的div遮住了。在标准浏览器中，子元素如果存在浮动的话，必须要清除浮动，否则就撑不开父元素。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

已赞过 已踩过<

评论收起

慕课网

广告2024-11-11

慕课网系统精讲CSS架构，助力前端工程师跨入架构师大门。从零学习CSS架构思想，设计模式#NAME?

coding.imooc.com

xiangbaoan
2011-06-22 · TA获得超过2158个赞

知道小有建树答主

回答量：769

采纳率：75%

帮助的人：260万

我也去答题访问个人页

关注

展开全部

#4box
#5box…………
请不要以数字开头，这样都行#box5 ，对应着id="box5"

已赞过 已踩过<

评论收起

等待放飞梦想
2011-06-22 · TA获得超过1175个赞

知道小有建树答主

回答量：1696

采纳率：16%

帮助的人：705万

我也去答题访问个人页

关注

展开全部

样式名称不能以数字开头的。只能是字母或者下划线

已赞过 已踩过<

评论收起

lvyingtang
推荐于2017-11-24 · TA获得超过645个赞

知道小有建树答主

回答量：675

采纳率：100%

帮助的人：701万

我也去答题访问个人页

关注

展开全部

依本人拙见：它不是不显示，是被前面的div遮住了。
在标准浏览器中，子元素如果存在浮动的话，必须要清除浮动，否则就撑不开父元素（跑到父元素外面去了）。
#5box就是那块灰色的吧？那就在这个div的上一个div（平级的）中加上清除浮动（可以在里面的最后一个子元素的后面加上一个专门用来清除浮动的元素【比如：<div style="height:0px; overflow:hidden; clear:both;"></div>】）。希望对你有帮助。

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起