日期:2014-05-17  浏览次数:20445 次

css设置div背景图片 为什么不显示???忧闷
图片和css文件放在同一文件夹下的
.aa
{
  background: url(top_bg.gif);
  width: 100px;
  height: 30px;
}

页面
<div class="aa">
  aaaaaaaaaaaaaaa
</div>


是不是那有问题 为什么图片显示不出来呢?

------解决方案--------------------
你确定路径对了么?
多半是路径问题吧
------解决方案--------------------
<!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=utf-8" />
<title>无标题文档</title>
<style>
.aa{
background-image:url(top_bg.gif);
width:200px;
height:100px;
}
</style>
</head>

<body>
<div class="aa">
aaaaaaaaaaaaaaaaaa
</div>
</body>
</html>

显示很好
------解决方案--------------------
你的这个测试的文件和top_bg.gif在一个文件夹下面吗?如果这个测试文件是显示的,并且在一个文件夹下才可以,否则,css文件里面的写法是有问题的
------解决方案--------------------
HTML code

    <style type="text/css">
        .aa
        {
            background-image: url(top_bg.gif);
            background-color: White;
            width: 100px;
            height: 30px;
        }
    </style>