如何设置与对象适合图像宽度和高度相同的背景

时间:2019-11-06 21:40:16

标签: javascript html css

如何添加与使用对象适合图像的宽度和高度相同的背景?

这是图片的CSS

height: 100%;
width: 100%;
object-fit: contain;
display: block;
background: #fff;

问题是白色背景占据了容器的整个宽度/高度,而不是被

调整大小的图像的大小
object-fit: contain

我需要这样做,以便可以使用Alpha Chanel为图像添加棋盘背景

1 个答案:

答案 0 :(得分:0)

也许切换为适合对象:掩盖? 如果那不可能,我认为唯一的解决方案是计算比率(带/高度) 使用javascript,并在白色图片后面的绝对div居中