javascript - 使用 Javascript 设置 div 标签的背景大小不起作用

标签 javascript html css background-size

我需要在动画期间更改背景图像的大小,但它不起作用。

这是我的代码的一个简单版本:

document.querySelector("#Box").backgroundSize='cover';
#Box {
		background-image: url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg);
		width: 220px;
		height: 220px;
    }
  <div id="Box"></div>

最佳答案

您应该以 .style 为目标

document.querySelector("#Box").style.backgroundSize='cover';
#Box {
		background-image: url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg);
		width: 220px;
		height: 220px;
    }
  <div id="Box"></div>

关于javascript - 使用 Javascript 设置 div 标签的背景大小不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46252410/

相关文章:

html - 通过CSS将空格和第一个字母后面出现的句子中的第一个字母变成大写

css - undefined variable : compilation errors in Foundation 5 Sass project

html - Twitter Bootstrap 导航菜单不会在小分辨率下展开

javascript - 高亮错误卡主干js

javascript - jQuery 父级中的每个字段

javascript - 在 Javascript 中排队并停止将点击事件传播到 div 内部

javascript - 如何向滚动合并表列中的翻译框添加动画

javascript - 值显示不准确

html - 带有负右的图像,会产生不需要的水平滚动

html - "transform: translateX(-50%)"与 "position: absolute"和 "left: 50%"在 Internet Explorer 中产生滚动条