1

サイトへのオブジェクトの配置に少し問題があります...

私が欲しいのは、メインコンテナの中に色付きのアイテムを置くことだけです。したがって、navigation_groupsdivは。の下に配置する必要がありmain_containerます。

<div class="navigation_groups">
     // Navigation              
</div>
<div class="main_container">
    <div class="main_container_top"></div>
    <div class="main_container_middle"></div>
    <div class="main_container_bottom"></div>
</div>

で遊んでみましたが、どういうわけか、またはプロパティpositionを追加すると、deのリンクが消えてしまいます...どうすれば解決できますか？absoluterelativenavigation_groups

z-indexプロパティも機能しませんでした...

4

2 に答える 2

1

問題は、メニューを背面に配置すると、コンテンツdivがメニュースペースを完全にカバーするため、応答しなくなることです。

要素のスタイルを少し変える必要があります。

.main_container {
    margin: -90px 0 0 132px;
    position: relative;
}

.main_container_top {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
}

.main_container_middle {
    /*whatever you have but change the positioning of the background image to*/
    background-position: 0 10px;
    /*and the padding to*/
    padding: 30px 0 30px 56px;
}

.main_container_bottom {
    /*whatever you have but change the positioning of the background image to*/
    background-position: -7px 0;
}

.navigation_groups {
    /*change the following to*/
    position: relative;
    z-index:0;
}

実際に行ったことは、負のz-indexを削除する以外に、要素124pxを右にプッシュし、影響を受けるすべての要素のパディングと背景位置を同じ量だけ修正することで修正することです。

于 2012-09-20T21:52:44.420 に答える
0

を使用する場合は、親アイテムでposition:absolute宣言position:relativeして、ポジショニングのゼロポイントを提供する必要があります。そうしないと、BODYを参照ポイントとして使用することになります。

CSSが表示されない場合、問題のトラブルシューティングを行うのは困難です。

于 2012-09-20T21:43:11.770 に答える