里面有圖像的js動畫塊

Question

有一個內部有另一個相對塊的塊，該塊具有父塊樣式的背景（如在圖片上）。 當我嘗試更改塊的寬度時，相對塊消失了。

<!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）

Answer 1

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

里面有圖像的js動畫塊

問題描述

1 個解決方案

解決方案1
0 已采納 2012-08-28 10:38:20

里面有圖像的js動畫塊

問題描述

1 個解決方案

解決方案1 0 已采納 2012-08-28 10:38:20

解決方案1
0 已采納 2012-08-28 10:38:20