如何在`background:url()中设置图像的原点宽度和高度?

时间:2018-04-23 13:56:58

标签: html css

所以我尝试使用像背景一样的图像。但是现在我面临着它的尺寸问题。当我尝试设置width and height by 100%时,我得到一个没有图像的空容器。

问题 - 如果我们在上传之前不知道original width and height的{​​{1}},如何设置图片大小为size

image

1 个答案:

答案 0 :(得分:1)

当您设置空元素的背景时,除非元素具有宽度和高度,否则不会看到它

对于您的问题,我会假设您正在管理图片的上传,因此您可以从那里找出它的尺寸。

如果不是

var img = new Image();
img.onload = function() { alert("Width : "+img.width+ " Height : "+img.height); }
img.src = "YOUR IMG URL";

除此之外,如果你要显示图片,请使用img标签