Question

问题已解决

我正在个人网站上工作，我的背景图片不会出现，我正在使用javascript代码不时更改我的背景颜色而我的默认背景 - 我的颜色设置为一个颜色所以我的第一个第二个网站不会出现白色。这可能是我的形象没有出现的问题吗？

这是我的HTML代码的一部分：

window.onload = function() {
    var currentColor = '#61a18e';
    setInterval(function() {
        document.body.style.backgroundColor = currentColor;
        currentColor = currentColor === '#dd9023' ? '#61a18e' : '#dd9023';
    }, 10000);//

};
</script>
</head>
<body>
<div id="wrapper">  
     <div class="nowplaying">
      Text
     </div>
     <div class="song">
      TExt
     </div>
</div>
</body>
</html>

这是我的css代码的一部分，包括html，body和主包装容器（如果由于某种原因它有帮助）：

html, body{
width:100%;
height:99%;
position: relative;
margin: auto;
background-color:#61a18e;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-image:url ('img/background.png');
}
#wrapper{  
position:absolute;
top: 0; 
left: 0;
bottom: 0;
right: 0;
position:absolute;
width: 50%;
height: 40%;
overflow: auto;
}

希望我在这里不会遗漏任何东西。

由于

编辑：有趣的是我在JSFiddle上的代码工作.... 但是我的浏览器（Mozilla和IE9）都没有显示任何图像，但如果我插入图像显示... 是否有一些设置让浏览器无法显示？

新编辑！问题很严重，对我来说很愚蠢，但看起来我应该放background-image:url ('../path');，因为某种原因它不会没有采取../。谢谢您的帮助。

Answer 1

这是“url”和括号之间的额外空间。

background-image:url ('img/background.png');

变为

background-image: url('img/background.png');

Answer 2

删除url（'image.jpg'）之间的空格。

此外，当你让它工作时，它会复制HTML和Body元素。

Answer 3

您正在通过标签设置一些颜色。如果它们用于后台，并且如果在其之前加载css文件，则脚本将覆盖它。

Answer 4

在这里：http://jsfiddle.net/g8Jhe/1/

<强> CSS

html,body 
{
    width:100%;
    height:99%;
    position: relative;
    margin: auto;
    background-color:#61a18e;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-image:url('https://www.google.com/images/srpr/logo11w.png');
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

身体不接受背景图片属性？

4 个答案: