Question

这是我的HTML：

<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>

这是我的CSS：

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

由于某种原因，身体图像和颜色不适用。虽然我可以通过在我的HTML中添加<style></style>来解决这个问题，但我有多个页面使用相同的CSS，（也将不适用），我不想手动将它放在每个HTML页面中

Answer 1

你的css：

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

很好。

将代码粘贴到小提琴中表明它有效：http://jsfiddle.net/Wv9Pk/

最好的办法是确保css文件的路径正确无误。

Answer 2

尝试将background-image:url(resources/body.jpg);更改为background-image:url('resources/body.jpg');。

我所做的就是将''放在图片的路径上 - 并确保路径正确！

Answer 3

如果没有指向您网站的链接很难说，但我会仔细检查您的#wrapper，＃container或其他div在源顺序中更高的位置上没有background: white。同时打开开发工具控制台（Chrome中的ctrl + shift + i）并确保CSS或其他资源上没有任何404错误可能导致此意外行为。

CSS body属性无法正常运行

3 个答案: