CSSをドロップダウンしてホームページのコンテンツのみを表示することはできません

Question

ホームページのみに問題があります。

カテゴリ「置き換えパーツ」にカーソルを合わせると、ドロップダウンメニューが完全にスライダに移動しますが、テキストの内容には表示されません。私はCSSで修正する方法を理解できません。

助けてください！

https://www.trampolineandparts.co.uk/

あなたは

Answer 1

あなたは、次の変更する必要がありますありがとう：

body.cms-home .main-container { 
    padding: 0px; 
    z-index: 10000; /*remove this*/ 
} 

あなたmain-containerセットのz-indexそれはスタックの注文は、あなたのドロップダウンメニューのそれよりも高くします。

ここでz-indexを定義する必要はありません。だからそれを取り除いてください。

あなたのコードではz-indexが多かったようです。理由はわかりません。複雑なレイアウトを扱っていない限り、通常は変更する必要はありません。

のz-indexプロパティは、要素のスタック順序を指定：

は MDN documentationまたは W3Schools上を見てください。

スタックオーダーの大きいエレメントは、常にスタックオーダーの低いエレメントの前にあります。

注： z-indexは、位置指定された要素（位置：絶対、位置：相対、または位置：固定）でのみ機能します。

さらに、フレームワークを使用すると、レイアウトを簡単に管理できるようになるはずです。例えば、Bootstrapである。がんばろう。