当前位置：首页 → 问答吧 → 为什么列表项li的背景图片显示不出来呢

为什么列表项li的背景图片显示不出来呢

时间：2010-07-24

来源：互联网

如题，在浏览器里列表项li的背景图不能显示，是怎么回事？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body {
background-image: url(image/WALLPAPER_FILE1024_200872817019.jpg);
background-repeat: no-repeat;
background-position:center 0;
}
ul li {
/*line-height: 200%;*/
display: inline;
background:transparent url(image/anniuchugaoj.jpg) no-repeat 0 0;
padding:0 0 0 0;
}
ul {
list-style-type: none;
margin-top: 55px;
padding:0;
width:760px;
left: 260px;
top: 10px;
margin-bottom: 10px;
position: fixed; /*margin-left: 250px;*/
}
</style>
</head>

<body>
<ul id="daohang">
<li>美食天地</li>
<li>爱优惠</li>
<li>关于我们</li>
<li>网友问题</li>
</body>
</html>

作者: loliah 发布时间: 2010-07-24

可以显示，ie8,ff.oprea测试正常
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body {
  background-image: url(image/WALLPAPER_FILE1024_200872817019.jpg);
  background-repeat: no-repeat;
  background-position:center 0;
}
ul li {
  /*line-height: 200%;*/
  display: inline;
  background:transparent url(http://dotnet.aspx.cc/images/rss.gif) no-repeat 0 0;
  padding:0 0 0 16px;
}
ul {
  list-style-type: none;
  margin-top: 55px;
  padding:0;
  width:760px;
  left: 260px;
  top: 10px;
  margin-bottom: 10px;
  position: fixed; /*margin-left: 250px;*/
}
</style>
</head>

<body>
<ul id="daohang">
<li>美食天地</li>
<li>爱优惠</li>
<li>关于我们</li>
<li>网友问题</li>
</body>
</html>