Visual Studio 2010不链接CSS文件

Question

我目前有一个要在Visual Studio中链接的CSS文件。 我已将该文件包含在我的项目中，但仍无法正常工作。

我只是使用CSS更改主体背景。 这是我的代码：

CSS -文件夹：/css/Style.css：

body 
{
   background-image:  url('Images/body-background.jpg');
   background-repeat: repeat-x;
}

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>My Website</title>

        <link rel="stylesheet" type="text/css" href="css/Style.css" />
    </head>

    <body>
        <div id="header">
        </div>

        <div id="page-wrap">
            <ul id="nav">
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>

            <p>Main Content</p>
        </div>

        <div id="footer">
        </div>
    </body>
</html>

当我将样式放在内部时，一切都完美地工作了。 这是怎么回事？

Answer 1

css文件中指向图像的链接是相对于css文件的。

尝试

background-image:  url('/Images/body-background.jpg');

从根获得它，或者

background-image:  url('../Images/body-background.jpg');

使其相对于css文件。

Answer 2

这将在css文件中工作。

body 
{
   background-image:  url('/Images/body-background.jpg');
   background-repeat: repeat-x;
}

Visual Studio 2010不链接CSS文件

问题描述

2 个解决方案

解决方案1
0 已采纳 2011-01-20 07:15:09

解决方案2
0 2011-01-20 07:25:19

Visual Studio 2010不链接CSS文件

问题描述

2 个解决方案

解决方案1 0 已采纳 2011-01-20 07:15:09

解决方案2 0 2011-01-20 07:25:19

解决方案1
0 已采纳 2011-01-20 07:15:09

解决方案2
0 2011-01-20 07:25:19