0

私はcssにまったく慣れていませんが、ワードプレスのテーマを使用してWebサイトを作成することに挑戦しました。テーマはIE互換であるはずですが、IE7、8、または9では、ホバーサブメニューをクリックできません。それでも、style-IE * .cssファイルを作成し、それらをポイントしました。インデックス番号を増やしました。しかし、それはまだ機能していません。ここにサイトがあります：www.mariasherranz.com

メニュースクリプトは次のとおりです（テーマから作成でき、色とフォントが変更されています）。

.navigation {
text-transform: uppercase;
position: fixed;
z-index: 10;
display: none;
}

.navigation ul.menu li a {
    font: 26px 'Marvel', sans-serif;
    color: #FFFFFF;
    line-height: 35px;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    margin-bottom: 5px;
    background: none;
    float: left;
    clear: both;
}

.navigation ul.menu li ul {
    float: left;
    display: none;
}

    .navigation ul.menu li ul li {
        margin: 0px 0px 0px 1px;
        float: left;
    }

        .navigation ul.menu li ul li a {
            font-size: 24px;
            color: #FFFFFF;
            background:none;
        }

            .navigation ul.menu li ul li a:hover {
                color: #000000;
                background:#FFFFFF;
            }

        .navigation ul.menu li ul li ul {
            margin: 36px 0px 0px 0px;
            position: absolute;
            z-index: 20;
            display: none;
        }

            .navigation ul.menu li ul li ul li {
                margin: 0px;
                white-space: nowrap;
                float: right;
            }

                .navigation ul.menu li ul li ul li a {
                    margin: 0px 0px 1px 0px;
                }

                .navigation ul.menu li ul li ul li ul {
                    display: none !important;
                }

よろしくお願いします！

4

1 に答える 1

0

私のウェブサイトは IE と非常によく似た機能を持っています。これは水平ではなく垂直のサブメニューですが、IE でトップ メニューにカーソルを合わせるとサブメニューが表示されますが、リンクを強調表示するにはマウスを超高速で移動する必要があり、そうしないとメニューが消えます。あなたが強く見なければならないことの1つは（私はあなたのサイトを見ました）これです：

(.navigation ul.menu li a ) の .css ファイルの padding-left

注目に値するのは、テーマには style-IE9.css ファイルもあり、おそらく style.css 属性の一部をオーバーライドしているように見えることです。

IE9 で Dev Tools を使用したとき (初めて)、(.navigation ul.menu li a) の下の IE9.css ファイルで padding-left を 0px に変更すると、問題が部分的に解決したことがわかりました。About (略歴と履歴書) のサブメニュー タイトルが、トップ メニューのすぐ近くで「押しつぶされた」ため、部分的に発言できます。

于 2013-01-27T20:45:41.750 に答える