html 在JavaScript中更改背景图像大小

bq9c1y66 于 12个月前发布在 Java

关注(0)|答案(3)|浏览(122)

我一直在尝试把一个重复的背景图像在网站上，与基本的CSS

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

然而，我想能够改变图像的大小im使用刷新，使用JavaScript. CSS具有以下功能

background-size: 300px;

但不幸的是COM风格的对象没有--请看这里它能为背景做些什么。这给了我一个选择：使用一个HTML图像，重复本身，然后我可以编辑与COM风格的对象。
所以，归结起来，我的问题是：有没有一种方法来重复一个HTML图像不是一个背景图像？任何帮助都非常感谢。

Html

来源：https://stackoverflow.com/questions/15755992/change-background-image-size-in-javascript

3条答案

按热度按时间

bejyjqdl1#

实际上，你可以像这样在JavaScript中影响背景大小：

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

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

赞(0）回复(0）举报 12个月前

g6baxovj2#

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

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

如果你觉得这很有用，请不要忘记投票：）

赞(0）回复(0）举报 12个月前

cyej8jka3#

看起来使用：

style.backgroundSize = 300px;

代替：

style.background-size = 300px;

解决了这个问题，但我也想指出一个简写版本：

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

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

赞(0）回复(0）举报 12个月前

我来回答

html 在JavaScript中更改背景图像大小

3条答案

相关问题

热门标签

最新问答