在javascript中更改背景图片大小

Question

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

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

但是,id喜欢能够使用javascript在刷新时使用更改图像的大小.CSS有这个功能

background-size: 300px;

但不幸的是,COM风格的对象并没有 - 看这里可以为背景做些什么.这给我留下了一个选择:使用重复自身的HTML图像,然后我可以使用COM样式对象进行编辑.

所以,简而言之,我的问题是:有没有办法重复不是背景图像的HTML图像？任何帮助都非常值得赞赏.

Answer 1

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

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

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

Answer 2

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

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

如果您发现这有用，请不要忘记投票:)