DIV+CSS中设置了一个背景图片,显示不出来 5
#banner{background:#cccurl(images/banner.jpg)no-repeat;width:800px;margin:auto;height...
#banner { background:#ccc url(images/banner.jpg) no-repeat;
width:800px;
margin:auto;
height:220px;
clear:both;
overflow:hidden;
}
----------------
<div id="banner"></div>
图片就是800x220的,图片放在images文件夹里,不知道为什么显示不出来
解决了,我把url改为url(../images/banner.jpg)就好了 展开
width:800px;
margin:auto;
height:220px;
clear:both;
overflow:hidden;
}
----------------
<div id="banner"></div>
图片就是800x220的,图片放在images文件夹里,不知道为什么显示不出来
解决了,我把url改为url(../images/banner.jpg)就好了 展开
5个回答
推荐于2016-04-14 · 知道合伙人互联网行家
关注
展开全部
DIV+CSS中设置了一个背景图片,显示不出来,有以下几方面原因:
1、css没有被调用;请检查css调用是否成功。
2、css图片地址不对;请检查css图片地址是否正确。
3、div的高度没有固定,是auto或者没有设值,div设置错误容易导致背景图片高度太大则无法显示;请重新设置div高度。
4、div被嵌套;查看嵌套的div是否设置正确。
5、div代码不规范;请检查div代码是否书写正确。
1、css没有被调用;请检查css调用是否成功。
2、css图片地址不对;请检查css图片地址是否正确。
3、div的高度没有固定,是auto或者没有设值,div设置错误容易导致背景图片高度太大则无法显示;请重新设置div高度。
4、div被嵌套;查看嵌套的div是否设置正确。
5、div代码不规范;请检查div代码是否书写正确。
展开全部
楼主的CSS没有写错
我把它直接复制下来之后保存好文件,其实是可以显示的
楼主是不是文件放错地方了?images文件夹和HTML文件是不是放在同一个文件夹下?
我简化一下CSS,顺便贴个完整的HTML文件出来,楼主看看有没有帮助
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type="text/css">
#banner { width:800px;height:220px;background:#ccc ur("images/banner.jpg") no-repeat; }
</style>
</head>
<body>
<div id="banner"></div>
</body>
</html>
我把它直接复制下来之后保存好文件,其实是可以显示的
楼主是不是文件放错地方了?images文件夹和HTML文件是不是放在同一个文件夹下?
我简化一下CSS,顺便贴个完整的HTML文件出来,楼主看看有没有帮助
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type="text/css">
#banner { width:800px;height:220px;background:#ccc ur("images/banner.jpg") no-repeat; }
</style>
</head>
<body>
<div id="banner"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
#banner {
width:800px;
margin:auto;
height:220px;
clear:both;
overflow:hidden;
background-color: #ccc;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
}
CSS写错了,用上面这个
width:800px;
margin:auto;
height:220px;
clear:both;
overflow:hidden;
background-color: #ccc;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
}
CSS写错了,用上面这个
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把这个页面删掉了,再重新弄一次,肯定可以了....
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询