1

私はこれに困惑しています。position:relative とさまざまな z-index を入れようとしましたが、役に立ちませんでした。以下は、単純なドロップダウン メニューのコードです。IE 以外のすべてのブラウザで正常に動作します。

html ページ:

    <div id="nav">
 <ul id="navul">
  <li id="rootHome">
    <ul id="Home"></ul><a href="index.php"><img src="images/LA-icon.png" style=
    "height: 40px;" id="home" /></a>
  </li>
  <li id="rootProducts" onclick="showMenu(this)">Products
    <ul id="Products">
      <li>
        <p class="navLink" onclick="changePage('products-1.php')">Product 1</p>
      </li>
      <li>
        <p class="navLink" onclick="changePage('products-2.php')">Product 2</p>
      </li>

      <li>
        <p class="navLink" onclick="changePage('products-3.php')">Product 3</p>
      </li>
    </ul>
  </li>
  <li id="rootNews">
    <a href="#Link for news" class="navLink">News</a>
  </li>
  <li id="rootCompany" onclick="showMenu(this)">Company &acirc;&circ;&uml;
    <ul id="Company">
      <li>
        <p class="navLink" onclick="changePage('./company-aboutUs.php')">About Us</p>
      </li>
      <li>
        <p class="navLink" onclick="changePage('./company-contactUs.php')">Contact
        Us</p>
      </li>
    </ul>
  </li>
</ul>

CSS: (フォーマットはここでは機能しませんでした) http://pastebin.com/raw.php?i=CjyQhXCs

4

2 に答える 2

5

divposition: relativeで andz-index: 100を使用してみてください。id=navZ インデックスはレイヤーで機能します。要素の親の z-index が 0 で、その要素の z-index が 100 の場合、その要素は、z-index が 1 の親の兄弟である別の要素の背後に表示されます。

この問題はfilter、#navul ul で を使用した直接の結果でした。計算のどこかで、IE は要素にオーバーフローを自動的に非表示にします。修正するには、背景を独自の要素に移動し、絶対に配置します。

http://jsfiddle.net/uTBZN/30/

クレジット:

Internet Explorer の適切なグラデーション フィルターがオーバーフローするコンテンツを遮断しないようにするにはどうすればよいですか?

于 2012-08-07T02:41:55.567 に答える