0

親ブロックのスタイルの背景を持つ別の相対ブロックを内部に持つブロックがあります（画像のように）。ブロックの幅を変更しようとすると、相対ブロックが消えます。

写真

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

4

1 に答える 1

0

overflow: visible !important親に設定しdivます。
デモ： http： //jsfiddle.net/P5CHX/2/

于 2012-08-28T10:38:20.230 に答える