好吧,我有一个容器div,其中有一个仅带边框的透明图像,请看一下:


我想稍后动态更改容器高度百分比,这样看起来就好像被填满了。随着不喜欢,效果很好,随着高度百分比的增加,颜色从上到下填充。在“喜欢”的情况下,是否有可能以某种方式从底部填充到顶部?

这些是css的相关值:

.like{
    width:150px;
    height:55%;
    margin-right:50px;
    float:right;
    border-radius:10px;
    background-color:#159C89;
}

.Dislike{
    width:150px;
    height:45%;
    background-color:#ff0000;
    margin-left:50px;
    float:left;
    border-radius:10px;
}

最佳答案

此示例可以帮助您DEMO

<div class="battery yellow" data-max="60" data-fill="35">
  <div></div>
</div>
<div class="battery yellow" data-max="18" data-fill="9">
  <div></div>
</div>
<div class="battery green" data-max="5" data-fill="3">
  <div></div>
</div>

关于html - CSS高度百分比从下到上填充,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24884574/

10-11 23:26
查看更多