我已经搜索了几个小时:
我正在创建一个小条形图,我正在用jQuery制作动画。
我将右栏作为左栏的子栏,这样当我为它们的宽度属性设置动画时,它们将始终保持在一起。因此,在异步动画过程中,它们永远不会分离。(我可以设置左栏的动画,右栏只会标记…,因为它是一个子元素)
我用jQuery设置了这两个条的高度/宽度(左右两个类)。我为左栏的宽度属性设置了动画来调整它的大小。为了调整右栏的大小,我设置了CSS“right”属性的动画。
所以问题来了:右div是不可见的,右的值为负数(我也尝试了margin-right)。右值为正值时,它礼貌地出现在其父div(左栏)中。当我试图把它放在左栏的右边时,它就消失了。
救命!!:-奥
它在IE8和其他所有方面都非常出色。
<div class="container" >
<div class="left">
<div class="right"></div>
</div>
</div>
div.left{
background-color:#93dbfb;
overflow:visible;
position:absolute;
width:300px;
left:0px;
}
div.right{
background-color:#ffce42;
z-index:100;
position:absolute;
width:300px;
right:-300px;
}
(同样,高度/宽度和右侧属性都使用jQuery设置了动画)
**更新**
我已经尝试使用它的LEFT属性(使用值LEFT.width+[value])设置右侧栏的位置。同样的问题也出现了。