1

.slidetoggle パネルがアクティブになった後、ボックスを押し下げようとしています。しかし、(z 位置に応じて) 配置されたボックスの上または下に移動します。スライドトグルパネルがアクティブになると、すべてのボックスが押し下げられるようにしたいです。

これがJSFIDDLEです: http://jsfiddle.net/iqab/8QHdB/3/

そして、これが私が話している機能のタイプの例です: http://www.michaelnagy.at/

4

1 に答える 1

0

CSSをこれに置き換えます。変更された行はコメント化されます。
その他の修正が適用されました(CSSのコメントを参照)。

.wrapper{
    width:800px;
    /*height:800px;*/ /*let wrapper auto resize itself based on contents height*/
    border:solid thin #000;
    position:relative;
    margin:auto;
}

.wrapper .Boxes{
    display:inline-block; /*fix for box overlap out of wrapper. replacement for "float:left" below*/
    width:200px;
    height:200px;
    /*float:left;*/ /*fix for box overlap out of wrapper. replaced with "display:inline-block" above*/
    border:solid thin #000;
    margin:33px;            
}

.wrapper .hbox{
    width:734px;
    height:400px;
    border:solid thin #100;
    /*position:absolute;*/ /*fix for panel overlap over boxes*/
    top:33px;
    margin:33px;
    display:none;
    background-color: #000;
}
于 2012-07-29T21:57:00.363 に答える