0 
<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;

}

即使我放了行，我也尝试了很多方法来设置标题的图像（徽标）： 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>

求助，我的标题div有什么错误，为什么背景图片不显示？？？

更新：

按照建议，我刚刚编辑了网址，我使用Banner2009_new.jpg而不是056.JPG：

background-image: url("/website/pic/Banner2009_new.jpg");

然后，我双击路径图像进行检查： 在此处输入图像描述

它仍然有文件：Banner2009_new.jpg在pic文件夹网页中，但是当我检查时，似乎没有 Banner2009_new.jpg

这是我的网站文件夹：在此处输入图像描述

在此处输入图像描述

4

2 回答 2

0

相对于您网站根目录的urlbackground-image如下所示

url("/img/056.JPG")

（没有蒂尔达~）

编辑：根据您的评论，对于您的本地开发托管环境，您的 web-root 文件夹是“网站”的父文件夹。您需要提供网址

url("/website/img/056.JPG")

如果您希望站点的根目录是父文件夹“网站”，您可以将所有网站文件夹内容移动到父文件夹，或者在您的 Web 服务器上配置一个虚拟主机以指向给定的“网站”文件夹您指定的域名（可能在主机文件中）（但这是另一个主题）。这可能有助于为您指明正确的方向。

于 2013-10-14T15:34:51.730 回答
0

如果要将图像用作背景，则需要将其设置为background-image在 CSS 中。将其添加为<img>标题 div 只是将其添加为内联图像。

你第一次做对了，你只需~要从 URL 中删除波浪号 ( )：

background-image: url(/img/056.JPG);
于 2013-10-14T15:38:46.033 回答