Question

下面是我在做什么的视觉表示

html代码为：

<div class="sk-asset sk-card-2-background"></div>
<div class="sk-asset sk-card-2-description"></div>
<div class="sk-asset sk-card-2-title"></div>

这些div的绝对位置是高度，宽度，左侧和顶部。标题“无导出组”是具有背景图像属性的位置，但是图像被裁剪（请参见图像）。如果将<div class="sk-asset sk-card-2-title">替换为<img>标签，则标题图像将呈现良好的效果。

带有“ cover＆contains”的background-size属性不能正常工作。只有当我添加与div具有相同宽度和高度像素值的背景尺寸时，图像才能正确对齐。

无法找出问题所在。

有点背景-我正在尝试创建一个草图插件以从草图生成HTML。设计者可以将组导出为图像。这就是为什么您在此问题中看到将文本渲染为图像的原因。