Question

我在Visual Studios中创建了一个网站。我试图改变我的网站的背景。当我在Visual Studios中添加图像时，它会发生变化，但是当我启动它以在Web浏览器中看到它时，背景图像就消失了。

'<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
    .auto-style1 {
        width: 100%;
    }
    h1{
       text-align:center;
       font-family:Andalus;
       color:white;

   }
  body{
      background-image: url('C:\Users\........\Desktop\wood.jpg');
      text-align:center;
  }

    .auto-style2 {
        width: 664px;
    }
    p{
        font-family:Cambria;
        color:white;
    }

</style>
</head>
<body>

<form id="form1" runat="server">
<div>
<h1> Welcome</h1> 
  </div>
    <table class="auto-style1">
        <tr>
            <td class="auto-style2"><p>Username</p></td>
            <td class="auto-style2"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </td>
            <td class="auto-style2">&nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style2">
                <p>Password</p></td>
            <td class="auto-style2">
                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </td>
            <td class="auto-style2">
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style2">
                &nbsp;</td>
            <td class="auto-style2">
                <asp:Button ID="Login" runat="server" OnClick="Login_Click" Text="Log in " />
                </td>
            <td class="auto-style2">
                &nbsp;</td>
            <td>
                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Log in as guest" />
            </td>
        </tr>
    </table>
    <asp:Label ID="Label1"  runat="server"></asp:Label>
</form>

Answer 1

如果你引用桌面上的图片，听起来似乎没有设置项目文件夹。您还在代码中使用绝对值，因此根据您上传网站的方式，这可能会导致问题。我不熟悉Visual Studio如何上传内容。

创建一个新的项目文件夹，然后创建一个名为images或者其他内容的子文件夹，并按以下方式引用它们：

  body{
      background-image: url('/images/wood.jpg');
      text-align:center;
  }

请点击此处：http://www.w3schools.com/html/html_images.asp了解更多提示。

如果您仍有问题，请在此处通过浏览器查看源代码而不是程序来粘贴代码，可能会了解它出错的地方。

Html背景图像没有显示

1 个答案: