Question

我一直在尝试使用基本CSS

在网站上放置重复的背景图片

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

然而，id喜欢能够使用javascript在刷新时使用更改图像的大小。 CSS具有函数

background-size: 300px;

但不幸的是COM样式对象没有 - 请参阅here了解它可以为背景做些什么。这给我留下了一个选择：使用重复自身的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%";

如果你觉得这很有用，请不要忘记投票给我:)

Answer 3

似乎使用

style.backgroudSize = 300px;

代替

style.backgroud-size = 300px;

解决了此问题，但我也想指出一个速记版本

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

请记住，将背景尺寸保留在最后，就像在中间添加的背景尺寸似乎破裂一样。

在javascript中更改背景图片大小

3 个答案: