<body>
<form id="form1" runat="server">
<div class="page">
<div class="header">
....
</div>
<div class="main"></div>
....
</form>
</body>
和 css 文件:
body
{
background: #b6b7bc;
font-size: .80em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
.page
{
width: 960px;
background-color: #fff;
margin: 0px auto 0px auto;
border: 1px solid #496077;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 2px solid white;padding: 1px 0;
box-shadow: 5px 3px 5px #ccc;
height: auto;
overflow: hidden;
}
.header
{
position: relative;
margin: 0px;
padding: 0px;
background-color: white;
background-image: url(~/img/056.JPG);// I want it displays as a image logo
width: 100%;
height:200px;
}
我已经尝试了很多方法来为标题设置图像( Logo )，即使我放了一行:
background-image: url(~/img/056.JPG);但是056.JPG图片没有出现在标题中(只有背景颜色)。
然后我这样做:
<div class="header">
<img style="border:0px" src="img/056.JPG" height="200px" width="100%" alt=""/>
</div>
图像出现了，但这不是我想要的方式。因为，当我按照上面的方式设置标题的图像标志时，我放了一些新标签 <div>在<div header>里面--> 即 new <div>将显示在标题下方(我希望它显示在标题内)。
求助，是不是我的header div有什么错误，为什么背景图不显示？？？
更新:
按照建议，我刚刚编辑了 url，我使用 Banner2009_new.jpg而不是 056.JPG :
background-image: url("/website/pic/Banner2009_new.jpg");
然后，我双击路径图像进行检查:
它还有文件:Banner2009_new.jpg在 pic文件夹网页，但是查看的时候好像没有Banner2009_new.jpg
这是我的网站文件夹:
最佳答案
如果要使用图片作为背景，需要设置为background-image在你的 CSS 中。将其添加为 <img>在您的标题 div 中只是将其添加为内联图像。
您第一次做对了，您只需从 URL 中删除波浪号 (~):
background-image: url(/img/056.JPG);
关于asp.net - 标题的背景图像不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19363811/