fire fox中div背景图片显示问题

楼主^#

更多发布于：2007-12-21 08:35

开始用ff 因为有web develop
可是装上之后就让我失望
我自己做的网页在ff里调试
div的背景图片却不能显示
在其他如遨游，ie显示都正常
不知到是什么原因
难道是我代码写得有问题但通过w3c测试了
我把代码也贴上来那位帮我分析下
源码
<!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>dvbbs</title>
<link href="dvbbs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="body">
<div id="tittle"></div>
<div id="headtop"><img src="紫色/ad.gif" /></div>
<div id="mainbox">
<div id="top">
<div id="logo"><img src="紫色/logo.gif" alt="logo" /></div>
<div id="daohang">
<ul id="nav">
<li><a href="#" id="now">论坛首页</a></li>
<li><a href="#">论坛热贴</a>
<ul>
<li><a href="#">首页2</a></li>
<li><a href="#">首页2</a></li>
<li><a href="#">首页2</a></li>
</ul>
</li>
<li><a href="#">论坛指南</a>
<ul>
<li><a href="#">首页3</a></li>
<li><a href="#">首页3</a></li>
<li><a href="#">首页3</a></li>
</ul>
</li>
<li><a href="#">论坛地图</a>
<ul>
<li><a href="#">首页4</a></li>
<li><a href="#">首页4</a></li>
<li><a href="#">首页4</a></li>
</ul>
</li>
<li><a href="#">论坛精英</a>
<ul>
<li><a href="#">首页5</a></li>
<li><a href="#">首页5</a></li>
<li><a href="#">首页5</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="menue"></div>
<div id="left">
<div id="bankuai">
<div id="bankuaitop"><h3>论坛板块</h3></div>
<div id="list">
<div id="list1"><p>96</p><p>今日贴</p></div>
<div id="list2">
<h5>web标准专版</h5>
<ul>
<li>应用w3c组织制定和维护的标准的语言规范，结合当前浏览器和设备支持的实际情况，做到网页设计的最优化。 </li>
<li>版主：东东 | 最新：css实现的导航 | 主题：3251 | 帖子：5421</li>
</ul>
</div>
</div>
<div id="list">
<div id="list1"><p>96</p><p>今日贴</p></div>
<div id="list2">
<h5>web标准专版</h5>
<ul>
<li>应用w3c组织制定和维护的标准的语言规范，结合当前浏览器和设备支持的实际情况，做到网页设计的最优化。 </li>
<li>版主：东东 | 最新：css实现的导航 | 主题：3251 | 帖子：5421</li>
</ul>
</div>
</div>
<div id="list">
<div id="list1"><p>96</p><p>今日贴</p></div>
<div id="list2">
<h5>web标准专版</h5>
<ul>
<li>应用w3c组织制定和维护的标准的语言规范，结合当前浏览器和设备支持的实际情况，做到网页设计的最优化。 </li>
<li>版主：东东 | 最新：css实现的导航 | 主题：3251 | 帖子：5421</li>
</ul>
</div>
</div>
<div id="list">
<div id="list1"><p>96</p><p>今日贴</p></div>
<div id="list2">
<h5>web标准专版</h5>
<ul>
<li>应用w3c组织制定和维护的标准的语言规范，结合当前浏览器和设备支持的实际情况，做到网页设计的最优化。 </li>
<li>版主：东东 | 最新：css实现的导航 | 主题：3251 | 帖子：5421</li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="help">
<div id="boxtop"><h5>热帖</h5></div>
<div id="boxcenter">
<ul id="top10">
<li class="li_01"><a href="#">WordPress 运行代码插件</a></li>
<li class="li_02"><a href="#">谷歌奥运倒计时366天推出新Logo</a></li>
<li class="li_03"><a href="#">SearchStatus:同时显示Alexa排名和PR值</a></li>
<li class="li_04"><a href="#">关注 CSS Zen Garden 禅意花园</a></li>
<li class="li_05"><a href="#">Google AdSense 推介改版并推出众多新产品</a></li>
<li class="li_06"><a href="#">标准与习惯：在解决ul居中问题时想到的</a></li>
<li class="li_07"><a href="#">玩转 WordPress 附赠插件 Hello Dolly</a></li>
<li class="li_08"><a href="#">Hello Dolly 励志修改版插件提供下载</a></li>
<li class="li_09"><a href="#">说说最近读的书：无懈可击的Web设计</a></li>
<li class="li_10"><a href="#">网络写手的利器：体验 Google 文件</a></li>
</ul>
</div>
<div id="boxbot"><a href="">更多...</a></div>
</div>
<div id="help1">
<div id="boxtop"><h5>新手帮助</h5></div>
<div id="boxcenter"></div>
<div id="boxbot"><a href="3">更多...</a></div>
</div>
<div id="help">
<div id="boxtop"><h5>当前在线</h5></div>
<div id="boxcenter"></div>
<div id="boxbot"><a href="3">跟多...</a></div>
</div>
<div id="help1">
<div id="boxtop"><h5>联盟论坛</h5></div>
<div id="boxcenter"></div>
<div id="boxbot">
<a href="#">更多...</a>
</div>
</div>
</div>
</div>
<div id="right">
<div id="logon"><form action="">
<table width="245" height="150" cellpadding="0" cellspacing="0" bgcolor="#FEE7FD">
   <tr>
   <td width="85" align="right">用户名：</td>
   <td width="158"><input type="text" class="from" size="16" maxlength="20" /></td>
   </tr>
   <tr>
   <td align="right">密码：</td>
   <td><input type="password" class="from" size="16" maxlength="20" /></td>
   </tr>
   <tr>
   <td align="right">验证码：</td>
   <td><input name="textfield" type="text" class="from" size="4" maxlength="4" /></td>
   </tr>
   <tr>
   <td align="right">cookie:</td>
   <td><select size="1" class="from">
   <option value="1">不保存</option>
   <option value="2">一天</option>
   <option value="3">一星期</option>
   <option value="4">一个月</option>
   <option value="5">一年</option>
    </select></td>
   </tr>
   <tr>
   <td colspan="2" align="center"><input name="" type="submit" value="登陆" />
   [找回密码] <input name="" type="button" value="注册" /></td>
   </tr>
   </table>
</form>
</div>
<div id="banner"></div>
<div id="sever"></div>
</div>
</div>
</div>
<div id="bot">
<div id="bottom">
<div id="copyright">
<p>Powered By <strong>PJBlog2 v2.7 Build 04</strong> CopyRight 2005 - 2007, <strong>标准之路</strong> xhtml | css</p>
<p>Processed in <strong>0.062500</strong> second(s) , <strong>2</strong> queries
<p><strong>我要统计</strong> </p>
</div>
</div>
<div id="bottom1"></div>
</div>
</body>
</html>
css代码
/* CSS Document */
/*页面属性*/
a:link {
color: #FF99CC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #993300;
}
a:hover {
text-decoration: underline;
color: #FF3399;
}
a:active {
text-decoration: none;
color: #FF3399;
}
*{
margin:0;
padding:0;
}
body{
font-size:12px;
color:#666666;
}
h5{
color:#FF3399;}

.from{
background:#FEE7FD;
border:1px solid #fa8fd9;
}
/*主体背景*/
#body{
width:1003px;
height:1126px;
background-image:url(紫色/bodybg.gif);
background-repeat: repeat-x;
background-color:#FDF2FD;
}
#tittle{
width:1003px;
height:30px;
background-image:url(紫色/title_bg.gif);
}
#headtop{
width:969px;
height:30px;
background-image:url(紫色/headertopbg.gif);
margin:0px auto;
margin-top:8px;
}
#headtop img{
float:right;
}
#mainbox{
width:969px;
height:1058px;
background-image:url(紫色/mainbg.gif);
margin:0px auto;
background-repeat: repeat-x;
background-color: #FFFFFF;
}
#bot{
width:1003px;
height:225px;
background-image:url(紫色/botbg.gif);
}
#top{
width:969px;
height:100px;
}

#menue{
width:969px;
height:25px;
background-image:url(紫色/menubg2.gif);
background-position:center;
}
#bottom{
width:969px;
height:159px;
background-image:url(紫色/bottombg.gif);
background-position:bottom;
margin:0px auto;
}
#bottom1{
width:969px;
height:66px;
background-image:url(紫色/bot.gif);
margin:0px auto;
}
#copyright{
width:800px;
height:60px;
margin:60px auto auto auto;
border-top:1px dashed #fa8fd9;
line-height:18px;
text-align:center;
padding-top:30px;
}
#left{
width:689px;
height:970px;
float:left;
}
#right{
width:275px;
height:970px;
float:right;
}
#logon,#banner,#sever{
width:245px;
height:150px;
border:1px solid #fa8fd9;
margin-bottom:10px;
}
#banner{
height:60px;
border:none;
background-image:url(紫色/voter.gif);
}
#sever{
height:330px;
}
#bankuai,#content{
width:620px;
height:300px;
margin:0px auto;
}
#content{
height:655px;
margin-top:10px;
}
#bankuaitop{
width:620px;
height:35px;
background-image:url(紫色/bankuaibg.gif);
background-repeat:no-repeat;
line-height:35px;
text-indent:10px;
}

#logo{
width:180px;
height:100px;
float:left;
margin-left:110px;
}

/*论坛板块*/
#list{
width:580px;
height:65px;
border-bottom:1px dashed #fa8fd9;
margin:0 auto;
}
#list1{
width:100px;
height:65px;
background-image:url(紫色/dig_new.gif);
float:left;
text-align:center;
line-height:30px;
}
#list2{
width:480px;
height:65px;
float:right;
padding-top:6px;
}
#list2 li{
list-style:none;
text-indent:25px;
width:400px;
overflow:hidden;
display:block;
white-space: nowrap;
text-overflow:ellipsis;
}

/*四个圆角边框*/
#help,#help1{
width:300px;
height:300px;
float:left;
margin-bottom:10px;
}
#help1{
float:right;
}
#boxtop,#boxbot{
width:300px;
height:25px;
background:url(紫色/helpbg.gif);
border:none;
line-height:25px;
text-indent:20px;
}
#boxbot{
background:url(紫色/helpbg1.gif);
text-align:right;
}
#boxcenter{
width:298px;
height:250px;
border-left:1px solid #fa8fd9;
border-right:1px solid #fa8fd9;
border-bottom:none;
border-top:none;
}

/*导航条*/
#daohang{
height:100px;
width:679px;
float:right;
}
#nav{
position:relative;
float:right;
margin-top:75px;
margin-right:180px;
height:25px;
}
#nav li{
float:left;
position:relative;
}
#nav li a {
width:90px;
height:25px;
text-align:center;
background-image:url(紫色/navbg.gif);
display:block;
margin-left:1px;
line-height:25px;
font-weight:bold;
font-size:12px;
color: #003300;
}
#nav li a:hover{
background:url(紫色/navbg.gif);
background-position:0 -25px;
color:#FFFFFF;
}
#nav ul{
display:none;
position:absolute;
left:0;
top:25px;
list-style:none;
}
#nav ul li a{
background-image: url(紫色/snavbg.gif);
color: #663300;
font-size:14px;
}
#nav ul li a:hover{
background:url(紫色/snavbg.gif);
background-position:0 -25px;
color:#FFFFFF;
}
#nav li:hover ul,#nav li.over ul{
display:block;
}
#now{
background-image: url(紫色/navbg.gif);
background-position:0px -50px;
}

/*热帖*/
#top10 {
padding:0px;
width:298px;
height:298px;
background:#FFFFFF;
margin-top:8px;
}
#top10 li {
height:15px;
*height:19px;
list-style:none;
padding-left:35px;
padding-top:3px;
border-bottom:1px solid #FFF;
}
.li_01 { background:#AFCAE4 url(top10/01.gif) no-repeat; }
.li_02 { background:#BFD5EA url(top10/02.gif) no-repeat; }
.li_03 { background:#CFDFEF url(top10/03.gif) no-repeat; }
.li_04 { background:#DFEAF4 url(top10/04.gif) no-repeat; }
.li_05 { background:#EFF4FA url(top10/05.gif) no-repeat; }
.li_06 { background:#EFF4FA url(top10/06.gif) no-repeat; }
.li_07 { background:#EFF4FA url(top10/07.gif) no-repeat; }
.li_08 { background:#EFF4FA url(top10/08.gif) no-repeat; }
.li_09 { background:#EFF4FA url(top10/09.gif) no-repeat; }
.li_10 { background:#EFF4FA url(top10/10.gif) no-repeat; }
#boxcenter ul li a:link{
color:#6666CC;
text-decoration:none;
}
#boxcenter ul li a:hover{
color:#FF00CC;
text-decoration:underline;
}

喜欢0

laichend 小狐狸 UID22376 注册日期2007-12-21 最后登录2007-12-21 发帖数2 经验10枚威望0点贡献值0点好评度0点加关注写私信	1楼^# 发布于：2007-12-21 08:35 谢谢解决了汗犯了一个如此低级的错误用了带中文的路径
	回复(0) 喜欢(0)

nighttalker

千年狐狸

UID43
注册日期2004-11-22
最后登录2025-06-26
发帖数2284
经验41枚
威望0点
贡献值42点
好评度0点

加关注写私信

2楼^#

发布于：2007-12-21 08:35

try use only Letters and Numbers in the path

紫色->purple

目前最新版本是：Firefox 139, 请各位注意升级保证安全。

回复喜欢

您需要登录后才可以回帖，登录或者注册

fire fox中div背景图片显示问题

最新喜欢：