css - 在 CSS 中填充图像的一部分

Question

我想创建一个带有星星\花朵\任何可以让我以图形方式呈现分数的比例，以防平均成绩（比如 4.35）。有没有办法使用 CSS 部分填充空的非矩形图像？TIA，马塔尼亚

Answer 1

如果您可以使用 adiv而不是img图像，则可以将图像设置为div元素中的背景，并根据要显示的图像量计算 div 的宽度。

不过，计算必须通过 JavaScript 或服务器端完成，然后内联添加到div元素上。