1

これについて多くの質問があることは知っていますが、IE8でも機能するcssメニュードロップダウンを作成する方法をまだ理解していません.

サンプルメニューを作りました。

これが表示される IE8 を除いて、すべてのブラウザで問題なく動作します。

何がうまくいかないのか、どのように修正するのかを誰かが説明してくれたらありがたいです。ありがとう

4

3 に答える 3

3

表示される場合、構文に誤りがあります

これはあなたのコードです

          <ul>
                <a href="#"><li>Item 1
                <ul>
                        <a href="#"><li>Sub-item 1</li></a>
                        <a href="#"><li>Sub-item 2</li></a>
                        <a href="#"><li>Sub-item 3</li></a>
                        <a href="#"><li>Sub-item 4</li></a>
                        <a href="#"><li>Sub-item 5</li></a>
                    </ul>

                </li>
               </a>
           </ul>

あるべき姿は

            <ul>
               <li>
                           <a href="#">Item 1</a>
                               <ul>
                        <li><a href="#">Sub-item 1</a></li>
                        <li><a href="#">Sub-item 2</a></li>
                        <li><a href="#">Sub-item 3</a></li>
                        <li><a href="#">Sub-item 4</a></li>
                        <li><a href="#">Sub-item 5</a></li>
                    </ul>
                </li>
           </ul>

構文は ul > li > a である必要があります

できることは、コードの構文を変更することです。

于 2013-09-02T10:00:14.290 に答える
2

簡単な修正として、IE8 用に個別の css を追加し、IE8 のみの修正を追加できます。

以下を使用して、IE8 に固有の CSS を追加します。

<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->
于 2013-09-02T10:04:05.953 に答える
1

<!DOCTYPE html>HTML コードの先頭に挿入するだけです。

于 2016-12-08T00:48:19.013 に答える