1

Wordpress サイトhttp://www.bassetandbeagle.org/adoptionapplication/のフォームを作成し、CSS コードに div position: absolute を配置して、フォームがモバイル デバイスでスケーリングされるようにしました。

#formContainer {
min-width: 950px;
max-width: 950px;
padding: 10px;
position: absolute;
z-index: -1; }

フォームの上にあるドロップダウン メニューがフォームの後ろに隠れるようになりました。

メニューの z-index を高く設定しようとしました。

.nav-menu{
position: relative;
z-index: 1; }

しかし、これには明らかな効果はありませんでした。1、100、1000… なだ

.nav-menu を position: absolute に変更することで、ドロップダウンを再び表示することができました。残念ながら、これはページ上のメニューの配置を台無しにしました。

私が読んだ他の投稿に基づいて、私は z-index プロパティで正しい軌道に乗っていると確信しています。それで、私はここで何が間違っていますか？

どうも

4

2 に答える 2

3

これがあなたの問題の解決策です-

CSS：

style.css行：1431

.site {
    margin: 0 auto;
    max-width: 68.5714rem;
    /*overflow: hidden;*/  /* remove this css rule and you will see the dropdown menu*/
}

注：クラスが適用されているサイトを確認.siteし、必要に応じてcssに変更を加えます。

スクリーンショット：

ここに画像の説明を入力してください

于 2013-03-23T13:47:29.943 に答える
0

から削除position: absoluteし#formContainerます。

于 2013-03-23T13:34:49.860 に答える