太奇怪了!!大家来看看!
dw中代码
<div class="flow_door">
<ul class="flow_door_nav">
<li><a href="#">湖科资讯</a></li>
<li><a href="#">湖科商家</a></li>
<li><a href="#">湖科男女</a></li>
<li><a href="#">湖科二手</a></li>
</ul>
</div>
css代码
.flow_door{width:990px;margin:0 auto; background:url(search_bg.jpg);}
这样的css代码中背景图就好好的显示,可是我加了个
.flow_door li{ float:left;}后背景图就不见了
太灵异了。。。。。哪位解释下啊,在线等啊。。。
[解决办法]
楼主我用了一下你的代码给.flow_door 加上高度就出了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>门户网站首页</title><style type="text/css">*{ padding:0px; margin:0px;}ul,li{ list-style:none;}img{ border:0px;}a{ text-decoration:none; color:#666666;}a:hover{ text-decoration:underline; color:#990000;}body{ font-size:12px; font-family:"宋体"; color:#000;}.head{ width:990px; margin:0 auto; }.head_top{ border-bottom:1px solid #e6e6e6; height:22px; line-height:22px; position:relative;background-color:#f8f8f8;}.head_top ul li{ float:left;}.head_left li{ padding-left:15px;}.head_right{position:absolute;left:845px;top:0px;height:22px;overflow:hidden;}.head_right li{ float:left; height:22px; line-height:22px; padding-right:15px;}.logo ul li{ float:left; padding-top:1px; border-bottom:1px solid #e6e6e6;}.flow_door{width:990px;margin:0 auto; background-image:url(http://www.four-thirds.cn/home/attachment/2009/03/24181_200903250031501WLIX.jpg); height:100px;}.flow_door_nav li{ float:left;}</style></head><body><div class="head"><div class="head_top"><ul class="head_left"><li><a href="#">设为首页</a></li><li><a href="#">商家咨询</a></li><li><a href="#">联系我们</a></li></ul><ul class="head_right"><li><a href="#">登录</a></li><li><a href="#">注册</a></li></ul></div><div class="logo"><ul><li><a href="#"><img src="images/logo.jpg" width="990px" height="50px;"/></a></li></ul></div><div class="flow_door"><ul class="flow_door_nav"><li><a href="#">湖科资讯</a></li><li><a href="#">湖科商家</a></li><li><a href="#">湖科男女</a></li><li><a href="#">湖科二手</a></li></ul></div></div></body></html>