0

最初にここにサイトがあります：www.rfdesignstudio.com/weavepublic/

2番目のCSSコード：

#hoverbox {
    position:absolute;
    width:725px;
    height:132px;
    z-index:1;
    margin-left:-360px;
    left:50%;
    top: 740px;
    visibility: visible;
}

ツリーセクションの直後のブラックボックス。その位置に正しくとどまりたいのですが、パネルを上に使用すると、位置が絶対的になるため、上にスライドします。私はまだcssを学んでいて、その場所にとどまらせたいと思っています。

4

1 に答える 1

0

私の理解が正しければ、緑色のボックスを残りのコンテンツの上に表示させたいですか? 私が間違っている場合は修正してください。

このためには、パネルの css をこれに変更する必要があります。

#panel {
background: #749311;
height: 200px;
display: none;
position: absolute;
width: 100%;
top: -200px;
}

をクリックする.btn-slideと、上部の位置が 0px にアニメーション化されます。このようなもの。

$('.btn-slide').live('click',function () {
    $('#panel').animate({top:0});
});

編集 今、私は理解しています。下記を参照してください。

変えたら#wrapper {over:visible;}

と

#hoverbox {
position: relative;
width: 725px;
height: 132px;
z-index: 1;
visibility: visible;
margin-left: auto;
margin-right: auto;
}

これはうまくいくはずだと思います

于 2013-01-09T23:29:19.093 に答える