Body 不接受 background-image 屬性？
[英]Body won't accept background-image property?
問題描述
問題解決
我在個人網站上工作，我的背景圖片不會出現，我正在使用 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、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'); ，出於某種原因，沒有 ../. 感謝您的幫助。
4 個解決方案
解決方案1
3 已采納 2013-12-22 18:56:32
這是“url”和括號之間的額外空間。
background-image:url ('img/background.png');
成為
background-image: url('img/background.png');
解決方案2
0 2013-12-22 18:57:09
刪除 url ('image.jpg') 之間的空格。
此外，當您使用它時，它會復制 HTML 和 Body 元素。
解決方案3
0 2013-12-22 19:04:24
您正在通過標簽設置一些顏色。 如果它們用於背景並且您在它之前加載了 css 文件，則腳本將覆蓋它。
解決方案4
0 2013-12-22 19:04:48
給你： 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;
}
隨機的身體背景圖像
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.