html - 如何保持背景图像质量清晰？

Question

我使用调查平台，在这个调查平台中，我使用预定义的模板进行调查。该平台允许 CSS“修改”，我试图让标题图像质量不降低。图片上传为1170*295，但需要显示为760*192。

该平台提供了一个简单的图片标题上传选项，但仅限于特定大小。我的图像的“高度”低于他们的标准。

image-rendering: crisp-edges;（或）之类-webkit-optimize-contrast的东西没有做任何事情。“结束文本”以蓝色显示（是的，我是一个完整的初学者，任何形式的编程都不是我工作的一部分）。

标题图片

div.questionnaire-header {
   background: url("/images/uploaded/ANFCZ1FSC5C2?width=760&height=192") no-repeat center left;
}

我希望标题图像以清晰、清晰的文本显示，而不是模糊。

标签： htmlcssimagebackground-image

Answer 1

将 background-size 属性设置为 100%，以便我们的图像填充图像元素。将 background-position 属性设置为 50% 50% 以在图像元素中对齐背景图像。