我是JS新手，我正在用HTML5/JS制作游戏，我需要为嵌套在另一个div中的div设置背景图像，没有溢出。我把background-image属性放在元素上，但是背景没有出现。
我没能在网上找到任何其他的例子，或者如何修复它。浏览器中显示background-image属性，且文件路径正确
HTML:
<div>
<div id="DivId" class="DivClass">
</div>
</div>
CSS:
.DivClass {
background-color: rgba(20, 20, 20, 0.75);
background-repeat:no-repeat;
background-size:47%;
background-position: center;
background-repeat: no-repeat;
}
#DivId {
background-image: url(../InventoryAssets/Key-trimmy.png);
}
在我看来，你应该把文件保存在html文件所在的文件夹中，然后再尝试，例如
#DivId {
background-image: url(Key-trimmy.png);
}
我希望这对你有帮助或者尝试
document.body.style.backgroundImage = "url('Key-trimmy.png')";
你也可以在html
中添加body标签<body style="background-image: Key-trimmy.png;">
我建议给div一个高度值。背景图像本身不是HTML内容。例如:
#DivId {
background-image: url(../InventoryAssets/Key-trimmy.png);
height: 500px;
}