Question

body {
background-color: #0B0B0B;
background-image:url(resources/body.jpg);
background-repeat:no-repeat;
}

这是我的CSS，当我把它放在样式表文件上时它不起作用，但是当它包含在样式标记中时它将起作用。我已经检查了其他问题并尝试了它的解决方案，但没有一个对我有用。这个CSS有什么问题吗？这是身体顺便说一句：

<body>
<br>
<div id="wrapper">
<div id="container">
<div class="controller" id="prev"></div>
<div id="slider">
<img src="resources/Slideshow/AvrilAlbum.png" width="583" height="583"  id="transparent">
<img src="resources/Slideshow/HTNGU.png" width="583" height="583"  id="transparent">
<img src="resources/Slideshow/LetMeGo.png" width="583" height="583"  id="transparent">
<img src="resources/Slideshow/OnTour.png" width="583" height="583"  id="transparent">
<img src="resources/Slideshow/LetMeGoBuyNow.png" width="583" height="583"  id="transparent">
<div><img src="resources/Slideshow/RockNRoll.png" width="583" height="583"  id="transparent"></div>
</div>
 <div class="controller" id="next"></div>
</div>
</div>
 <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/AvrilLavigne" data-widget-id="436842073010888705">Tweets by @AvrilLavigne</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</body>

Answer 1

你的CSS链接应该包含在头部。

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

这是CSS文档与html文档位于同一文件夹中的时间。如果您的CSS文档位于html文件夹位置之外。然后它需要是：

<head>
      <link rel="stylesheet" type="text/css" href="your/folder/bodyCSS.css">
</head>

在这种情况下。如果您的CSS文档位于与背景图像文件夹不同的文件夹中，它将尝试将图像链接附加到html文档的活动文件夹。所以这似乎是背景图像位置误导的情况。

Answer 2

你的头部标签之间是否有这条线？

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

另外，请确保使用图像的相对链接。

Answer 3

如何根据.css文件设置文件夹结构？也许试试

背景图像：网址（../资源/ body.jpg）;

如果.css文件位于与资源文件相同级别的文件夹中

Answer 4

您可能错误地链接了样式表。也许将它指向错误的目录。我能看到你的头吗？

Answer 5

当你从文件css / style.css链接它时，只需改变你的风格。

body {
background-color: #0B0B0B;
background-image:url(../resources/body.jpg);
background-repeat:no-repeat;
}

因为在这里你应该使用相对网址来定位资源/ body.jpg，资源文件夹与你的style.css不在同一级别。从style.css开始，您应该使用（../）向后移动一步，然后跳转到resources / body.jpg。希望通过纠正你的CSS来解决你的问题。

您的完整Html页面如下所示，我只是包含头标记和链接css文件。

<!DOCTYPE html>
<html>
<head>
    <link href="css/layout.css" rel="stylesheet" type="text/css" />        
</head>
<body>
sam as your code....
</body>
</html>

HTML / CSS正文属性不起作用

5 个答案: