div css设置的图片显示不了
<div id="headerl">
#headerl
{
background-image: url(../../Images/bg1.jpg);
background-repeat:no-repeat;
margin: 0px;
padding: 0px;
height: 160px;
}
首先div没有封闭，加上</div>，其次，将样式置于元素之上，并加上style，并给header1附上宽度值，最后，确认图片路径是否正确。
<style>#headerl
{
background: url(../../Images/bg1.jpg) no-repeat;
margin: 0;
padding: 0;
height: 160px;
width: 100px;/*自己定义*/
}
</style>
<div id="header1"> </div>追问
我是用C#写的,#headerl在CSS文件中.设计界面有图片的,只是浏览器运行的时候就没有图片显示了....
追答这样的话，很有可能路径设置有问题，请查看下资源获取的路径是否正确。
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-06-28
是不是你的图片路径不对
试过了，可以用的
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#headerl{ background-image: url(http://www.hf0577.com/images/1.jpg); background-repeat:no-repeat; margin: 0px; padding: 0px; height: 160px;}
</style>
<body>
<div id="headerl"></div>
</body>
</html>
试过了，可以用的
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#headerl{ background-image: url(http://www.hf0577.com/images/1.jpg); background-repeat:no-repeat; margin: 0px; padding: 0px; height: 160px;}
</style>
<body>
<div id="headerl"></div>
</body>
</html>
第2个回答 2017-10-12
要不然是图片路径不对，要不然就是因为没有宽度的问题，还有就是div没有闭合，你查询这三个看看是否是这个问题。
第3个回答 2013-06-28
你的路径太深了，路径改下就好了，还是不行的话请追问。
还有你的高度和宽度是不是真确的。
还有你的高度和宽度是不是真确的。
第4个回答 2013-06-28
把宽高都设置上...然后用火狐的firebug, 看一下源码,看看图片路径是否正确追问
我是用C#写的,#headerl在CSS文件中.设计界面有图片的,只是浏览器运行的时候就没有图片显示了....
相似回答
