Question

div+css 背景颜色IE不显示，其它浏览器在兼容模式也不显示，是怎么回事？

源码

<div class="n5_bmdhnr cl">
<ul>
<li class="n5_bmdhbg1"><a href="#" target="_blank">百度知道<br>百度知道</a></li>

<li class="n5_bmdhbg2"><a href="#" target="_blank">百度知道<br>百度知道</a></li>
</ul>
</div>

--------------------------------------------------------------------------------------------------------------------
------- CSS ----------

.n5_bmdh {width:1198px;border-radius:3px;overflow:hidden;border: #d8d8d8 1px solid;border-top: #c20000 1px solid;}
.n5_bmdh h2 {height: 40px;line-height: 40px;background: url(n5_btbg1.gif) repeat-x 0px bottom;font-size: 14px;padding-left: 15px;}
.n5_bmdh h2 a {font-size: 12px;font-weight: 400;color: #666;}
.n5_bmdh h2 a:hover {color:#DD0000;}
.n5_bmdh h2 i {font-size: 12px;font-weight: 400;color: #999;padding:0 10px;}
.n5_bmdh h2 .n5_tscsxx {margin-right:15px;}
.n5_bmdhnr {margin:20px 10px;}
.n5_bmdhnr .n5_bmdhbg1 {background-color: hsl(0, 94%, 50%);}
.n5_bmdhnr .n5_bmdhbg2 {background-color: hsl(108, 24%, 59%);}
.n5_bmdhnr ul li{float: left;margin: 5px 8px 5px 6px;display: block;width: 114.8px;height: 40px;text-align: center;border: 1px hsl(0, 0%, 93%) solid;padding-top: 6px;border-radius: 3px;}
.n5_bmdhnr ul li a {color: hsl(0, 100%, 100%);text-decoration: none;}

请问怎样解决，谢谢





Answer 1

一般背景颜色显示是不会有问题的。

设置背景颜色的方式如下：

.bgcolor{width:300px;height:300px;background-color:#000;}

如果不正常显示，先考虑符号和代码有没有写严格，符号有没有漏写，在本机上测试了，没有问题；

Answer 2

你把你的样式全部替换成这个

.n5_bmdh {width:1198px;border-radius:3px;overflow:hidden;border: #d8d8d8 1px solid;border-top: #c20000 1px solid;}

.n5_bmdh h2 {height: 40px;line-height: 40px;background: url(n5_btbg1.gif) repeat-x 0px bottom;font-size: 14px;padding-left: 15px;}

.n5_bmdh h2 a {font-size: 12px;font-weight: 400;color: #666;}

.n5_bmdh h2 a:hover {color:#DD0000;}

.n5_bmdh h2 i {font-size: 12px;font-weight: 400;color: #999;padding:0 10px;}

.n5_bmdh h2 .n5_tscsxx {margin-right:15px;}

.n5_bmdhnr {margin:20px 10px;}

.n5_bmdhnr .n5_bmdhbg1 {background-color: #f70707;}

.n5_bmdhnr .n5_bmdhbg2 {background-color: #87af7d;}

.n5_bmdhnr ul li{float: left;margin: 5px 8px 5px 6px;display: block;width: 114.8px;height: 40px;text-align: center;border: 1px #ededed solid;padding-top: 6px;border-radius: 3px;}

.n5_bmdhnr ul li a {color: #ffffff;text-decoration: none;}