我目前有一个要在 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>
当我将样式内部放入头部时,一切都完美无缺。怎么回事?
最佳答案
css 文件中指向您图像的链接是相对于 css 文件的。
尝试
background-image: url('/Images/body-background.jpg');
从根目录获取它,或者
background-image: url('../Images/body-background.jpg');
相对于 css 文件获取它。
关于html - Visual Studio 2010 不链接 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4744397/