2011-01-20 106 views
0

我目前有一个css文件,我想在Visual Studio中链接。我已将该文件包含在我的项目中,但仍然无法正常工作。Visual Studio 2010不链接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> 

这一切完美的作品时,我把风格在内部它的头部完美地工作。这是怎么回事?

回答

0

在您的图像的CSS文件中的链接是相对于CSS文件。

尝试

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

从根得到它,或

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

得到它相对的CSS文件。

+0

你好,我试过这个,它不工作可以告诉我为什么?我正在使用Asp.net MVC 2 – 2012-06-25 14:15:41

0

这将在css文件中工作。

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