elmt.style.backgroundImage 调整图片大小

Question

我不知道如何将图片调整为 width = 90, height = 127 in

elmt.style.backgroundImage = "url("+ string1 +")";

with string1 = "images/♠" + random1 + ".jpg"; （随机 1 为 1、2、3 或 4）

你能帮帮我吗？

谢谢！

Answer 1

您可以使用 background-size 属性调整图像大小。

var div = document.getElementsByTagName('div')[0];

div.style.backgroundImage = 'url(http://lorempixel.com/500/500)';
div.style.backgroundSize = '50px 50px';
div.style.width = '50px';
div.style.height = '50px';

<div></div>

elmt.style.backgroundImage 调整图片大小

elmt.style.backgroundImage Resize Picture

javascript

css

jquery

background-image