Question

当我为包含width元素的relative定位元素的absolute设置动画时，我遇到了一个奇怪的问题。动画运行时，内部元素消失。动画完成后，内部元素显示。

以下是演示：

当我删除父元素position: relative时，在动画运行时会显示内部元素，但是我无法将它相对于父元素定位。

基本上％的框应该随时可见

有没有人知道这里发生了什么？

固定：我刚刚添加了溢出：可见！重要;相对的定位元素

Answer 1

我认为它可能是一个jQuery动画的东西。我很想看到一个没有任何黑客的工作解决方案，但现在这里是something you might find useful！： - ）

我基本上在动画中添加了另一个功能，完成后它会动画90％以悬停在进度条上方

complete: function() {
    $percent.animate({top: "-26px"})
}

在此用例场景中，您还可以从样式表中的top: -26px中删除/评论 .progressbar .percent。另外，我在height: 20px;的样式中添加了.progressbar .percentage，因此您可以看到％在滑过时发生变化。