html - 最初のdivのテキストを移動せずに2つのdivを重ねる方法は?

Question

いくつかのテキストを含む div と、テキスト div の背後にいくつかの非表示のボタンを含む別の div があり、必要に応じて左に移動します (アニメーション)。

問題は、div 内のテキストが右に移動して、ボタン div がテキストと重ならないようにすることです。

ここをチェック：http: //clip2net.com/s/2JYBV

ボタンdivの幅/サイズ/位置に応じて、メインテキストdivのテキストを相互作用させないようにする方法は?

Answer 1

.a {
    position:relative;
    width:400px;
    height:300px;
    margin:50px 200px;
    background:#000;
    padding:10px;
    color:#fff;
}
.b {
    position:absolute;
    top:10px;
    left:0px;
    width:180px;
    height:290px;
    background:green;
    display:none;
}
.a:hover .b {
    display:block;
    /* left:-150px; */
}

div の相対および絶対配置を使用して、必要なタスクを実行できます。

http://jsfiddle.net/G9Q25/

Answer 2

ボタンにz-indexを付けてみてくださいdivz-index：2;

Answer 3

以下を定義に追加してみてください。

overflow:hidden;