太奇怪了！大家来看看！解决方案
日期：2014-05-17 浏览次数：20642 次
太奇怪了！！大家来看看！
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 加上高度就出了
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 加上高度就出了
- HTML code
<!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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
