gpt4 book ai didi

javascript - body 不接受背景图像属性?

转载 作者:行者123 更新时间:2023-11-30 12:51:43 26 4
gpt4 key购买 nike

问题解决了

我在个人网站上工作,我的背景图片不会出现,我使用 JavaScript 代码不时更改我的背景颜色,我的默认 background-image 已设置更改为一种颜色,这样我的网站的第一秒就不会显示为白色。会不会是我图片显示不出来的问题?

这是我的 html 代码的一部分:<!doctype 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、正文和主包装器容器(如果它出于某种原因有帮助的话):

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');,出于某种原因,如果没有 ../.感谢您的帮助。

最佳答案

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

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

成为

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

关于javascript - body 不接受背景图像属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20732843/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com