使用css设置背景的宽度和高度

Question

我想设置图像的背景宽度和高度.

document.getElementById('outerModalPopupDiv').style.backgroundImage = "url('samandar_003.jpeg')";
document.getElementById('outerModalPopupDiv').style.backgroundRepeat = "no-repeat";

现在我想设置图像的宽度和高度.我知道background-size: 200px 50px;设置高度和宽度,但我不能使用相同的.我必须以上面的格式设置宽度和高度.

如果我使用

document.getElementById('outerModalPopupDiv').style.background.size = "200px 500px";

它不会起作用.图像保持不变.

任何想法我怎样才能使这个工作.

Answer 1

正如所看到这里,对CSS3的JS的语法background-size是:

object.style.backgroundSize="60px 80px"

因此,为了提供舒适的复制品,请尝试以下方法:

document.getElementById('outerModalPopupDiv').style.backgroundSize = "200px 500px";