5

我一直在尝试使用基本的 CSS 在网站上放置重复的背景图片

background-image: url('url_here');
background-attachment: fixed;
background-repeat: repeat;

但是,我希望能够使用 javascript 在刷新时更改图像的大小。CSS有这个功能

background-size: 300px;

但不幸的是,COM 样式对象没有 - 请参阅此处了解它可以为背景做什么。这给我留下了一个选择:使用重复的 HTML 图像,然后我可以使用 COM 样式对象对其进行编辑。

所以,归结起来,我的问题是:有没有办法重复不是背景图像的 HTML 图像?非常感谢任何帮助。

4

3 回答 3

13

实际上,您可以像这样影响 javascript 中的背景大小:

document.getElementById("el_id").style.backgroundSize = "100px 100px";

看看这个小提琴:http: //jsfiddle.net/Lph2W/。CSS 将背景图像大小设置为 200px X 200px,然后 JS 将其更新为 100px X 100px。

于 2013-04-02T04:46:38.917 回答
3

这对我有用,我希望这对其他人有帮助。

var el = document.getElementById("notification");
el.style.background = 'url(images/Noti.png) no-repeat center center';
el.style.backgroundSize="100% 100%";

如果您觉得这很有用,请不要忘记投票 :)

于 2015-03-16T03:09:25.563 回答
0

似乎使用:

style.backgroundSize = 300px;

代替:

style.background-size = 300px;

解决了这个问题,但我也想指出一个速记版本:

style.background = "url('url_here') repeat fixed /300px";

只要记住将背景大小保持在最后,就好像它在中间添加它似乎打破了。

于 2019-11-16T05:37:32.237 回答