js动画块里面有图像

时间:2012-08-28 10:15:26

标签: javascript css jquery-animate

在内部有一个带有另一个相对块的块,它具有父块样式的背景(就像在图片上一样)。当我试图改变我的块的宽度时,相对块消失。

picture

<!DOCTYPE html>

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<style>
 #button
{
    width: 195px ;
    height: 60px;
    display: inline-block;
    position: relative;
    background: url('/res/bg.png') repeat-x;
}
#button div#arrow
{
    background: url('/res/Arrow.png') no-repeat;
    width: 30px;
    height: 60px;
    display: block;
    position: absolute;
    top:0px;
    right: -30px;
}


</style>
</head>
<body>

<div id='button'>
<div id='arrow'></div> 
</div>
</body>
</html>

忘记了动画代码: $('#button')。animate({width:' - = 120px'},2000)

1 个答案:

答案 0 :(得分:0)

在父overflow: visible !important上设置div 演示:http://jsfiddle.net/P5CHX/2/