css设置div背景图片 为什么不显示？忧闷解决办法
日期：2014-05-17 浏览次数：20521 次
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文件里面的写法是有问题的
------解决方案--------------------
图片和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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
