1

ドロップダウン メニューのコードがあり、iFrame を介してそのコードを読み込むことが目標です。残念ながら、Z-index を使用して iFrame の外にビュー要素をロードする方法がわかりませんでした。コードは次のとおりです。

 <style type="text/css">

     /*Initialize*/
      ul#menu, ul#menu ul.sub-menu 
      {
          padding:0;
          margin: 0;
      }


      ul#menu li, ul#menu ul.sub-menu li 
      {

          list-style-type: none;
          display: inline-block;
      }


      /*Link Appearance*/
      ul#menu li a, ul#menu li ul.sub-menu li a 
      {
           text-decoration: none;
           color: #fff;
           background: #666;
           padding: 5px;
           display:inline-block;
      }



    /*Make the parent of sub-menu relative*/

          ul#menu li 
          {
              position: relative;
          }

           /*sub menu*/
          ul#menu li ul.sub-menu 
          {

            display:none;
            position: absolute;
            top: 30px;
            left: 0;
            width: 100px;
         }

          ul#menu li:hover ul.sub-menu
          {

               display:block;

          }

         </style>


 <ul id="menu">

<li>
    <a href="#">Menu 1</a>
</li>

<li>

   <a href="#">Menu 2</a>

    <ul class="sub-menu">
        <li>
            <a href="#">Sub Menu 1</a>
        </li>
        <li>
            <a href="#">Sub Menu 2</a>
        </li>
        <li>
            <a href="#">Sub Menu 3</a>
        </li>
        <li>
            <a href="#">Sub Menu 4</a>
        </li>
    </ul>
</li>
<li><a href="#">Menu 3</a>

</li>
<li><a href="#">Menu 4</a>

    <ul class="sub-menu">
        <li>
            <a href="#">Sub Menu 1</a>
        </li>
        <li>
            <a href="#">Sub Menu 2</a>
        </li>
        <li>
            <a href="#">Sub Menu 3</a>
        </li>
        <li>
            <a href="#">Sub Menu 4</a>
        </li>
    </ul>
</li>
<li>
    <a href="#">Menu 5</a>
</li>
 </ul>


   I have written the code for i frame. The drop down menu is in "test.html"

   <iframe src="test.html" width="500" height="30"></iframe>



  so i want load this  css drop down menu in a iframe but the list view should come out of the iframe so how to do it , Please help me .
4

3 に答える 3

0

iframe のオーバーフロー問題

iframe からオーバーフローを目に見えるようにすることはできません。また、iframe は一般的に悪い習慣です。

Web サイトのすべての HTML ファイルにファイルのコードを記述しないように、ファイルのコードを含めたい場合は、iframe に代わるより良い方法があります。サーバー側のインクルードを調べてください。ただし、そのようなリクエストを処理するには、何らかのサーバーが必要です。

純粋なフロントエンドにこだわりたい場合は、JavaScript を使用してコンテンツを切り替えるか、ナビゲーション ボタンをクリックしたときに AJAX リクエストを使用して新しいコンテンツをロードしてみてください。

于 2013-08-13T15:36:56.223 に答える
0

試す：

<iframe seamless src="test.html"></iframe>
于 2013-08-13T15:39:51.557 に答える