无法在Visual Studio 2010中设置背景图像

时间:2018-01-21 14:27:32

标签: css asp.net visual-studio visual-studio-2010

我在Visual Studio中遇到这个问题,这让我发疯了。我只是无法弄清楚这里有什么问题。这是问题所在。我只是无法在VS2010中设置背景图像。所以,我使用File创建了我的html页面 - >新项目 - >网络 - > ASP.NET Web应用程序。我将该页面上的链接包含在CSS页面中。去寻找页面并将我的指针放在body标签中。返回“设计”页面并选择“应用新样式”。选择器设置为body,在现有样式表中定义,并选择CSS文件的URL。背景 - >背景图片和浏览选择了我的图像。 X和Y背景位置被发送到中心。之后,我点击了Apply并确定。现在,在Visual Studio中,设置了背景图像,我可以看到它。此外,我去了CSS文件,并有一个正文定义的样式。因此,Visual Studio正在显示它,它也在CSS文件中指定。但是,当我保存并点击F5时,它不会显示在网络浏览器上。请任何人帮助我,我很难坚持这一点。这是HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Styles/Site.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
</head>
<body>

    <table class="style1">
        <tr>
            <td>
                SITE NAME</td>
        </tr>
        <tr>
            <td>
                <a href="instruction.htm">Instruction</a><a href="author.htm">Author</a></td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
        </tr>
    </table>

</body>
</html>

CSS:

body
{
    background-image: url('../background.jpg');
    background-position: center center;
}

这里是来自Visual Studio内部的图像,显​​示我在这里看到了背景(不介意图片,农场相关的xD): Visual Studio Image

1 个答案:

答案 0 :(得分:1)

您应该将图像放在项目的当前路径中,以及您自己的aspx文件或项目内的文件夹中 这样的事情 g:/myASPNETproject/myASPNETproject/WebForm1.aspx //您的网页

G:/myASPNETproject/myASPNETproject/background.jpg

body
{
    background-image: url('background.jpg');
    background-position: center center;
}

G:/myASPNETproject/myASPNETproject/images/background.jpg

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