Question

我正在制作一个进度条，以显示捐赠目标的进展情况。我的形象像温度计，底部是圆形的。

以下是我用来显示栏的代码

<div style="width: 179px; height: <%: 484 * Model.PercentToGoal  %>px; background-image: url(../Content/Images/meter_fill.png); color: inherit;  position: absolute;  left:113px; bottom: 60px;">
    </div>

我遇到的问题是它似乎首先显示图像的顶部。如何从图像底部开始显示？

Answer 1

<div style="width: 179px; height: <%: 484 * Model.PercentToGoal  %>px; background-image: url(../Content/Images/meter_fill.png) bottom; color: inherit;  position: absolute;  left:113px; bottom: 60px;">
    </div>

- ＆GT; css：background-position：bottom或上面代码中的简短方法

使用css显示图像的可变部分

1 个答案: