当前位置: 首页 > 知识库问答 >
问题:

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

商泽宇
2023-03-14

我有一个像素。我如何使用它来获得与具有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个答案

白才艺
2023-03-14

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

 类似资料:
  • 我试图将图像作为JavaFX场景中的背景,但我的代码不起作用。 我试图在java eclipse中制作一个战舰游戏程序,但我遇到了一个图形问题。 当我第一次尝试运行它时,它工作了,一个新的窗口打开了,中间有一个按钮,但bakcground是空白的。当我尝试在窗口中设置一个图像作为背景时,按下“开始”按钮,什么也没有发生…

  • 我想粘贴一个相对图像url到一个div设置为背景图像。不幸的是,div不会呈现图像。因此,这工作良好,并呈现图像 但这个不是 我也尝试过的事情: 在单引号中包装url 可能吗? 从src文件夹开始 和从“资源”文件夹开始 背景图像的正确url是什么? 更新 我在用VueJs所以这里的情况可能会有所不同?再现的步骤: 使用Vue CLI创建新项目 在中创建 目录 在中创建映像,并将其称为 使用更新a

  • 我试图设置一个屏幕的背景图像,占屏幕的25%左右,位于顶部。我试过了,

  • 我正试图为主页设置一个背景图像。我是从屏幕开始获得图像位置,填充宽度,但不是高度。我的代码中是否遗漏了什么?颤振有图像标准吗?图像缩放是否基于每个手机的屏幕分辨率?

  • 我需要为画家小部件设置一个背景图像,因为我试图建立一个小部件,将帮助孩子们画数字和字母在我的背景图像。 这将是默认的小部件背景: 加载小部件后,孩子们应该能够绘制背景。 我曾试图修改脚手架的主体从官方画家插件示例,但图像不出现在画家的背景,它只显示空白屏幕。 是否可以为Painter小部件设置背景图像?如果没有,有没有其他的解决办法可以帮助我完成我的任务?

  • 我有一个线性布局,如下所示: