提问者:小点点

如何将<picture>设置为元素的背景图像?[副本]


我有一个像素。我如何使用它来获得与具有background-image:url(“I.jpg”);相同的效果?

<picture>
    <source srcset="i-big.webp"
            media="(min-width: 768px)">
    <source srcset="i-small.webp">
    <img src="i.jpg" alt="Background image"/>
</picture>

共1个答案

匿名用户

你不能像使用背景图像一样使用图片元素。背景-图像与一个元素的背景有关,可以保持原始的尺寸(重复或居中等),但如果你调整你的图片元素的大小,它将只是拉伸。