0

ie6 バグ (ドロップダウン エントリは、overflow:visible として動作するのではなく、ie が誤って展開されるのを防ぐために、overflow hidden を介して切り捨てられる必要があります) の本質は、現在の (ハッキー) 形式で、以下のスクリーンショットとサイトhttp: //zd-cms.com

間違っています (ie6):

http://img249.imageshack.us/img249/352/screenshot68.png http://img249.imageshack.us/img249/352/screenshot68.png

右 (FF、IE8、Chrome):

http://img402.imageshack.us/img402/7208/screenshot69.png http://img402.imageshack.us/img402/7208/screenshot69.png

メニュー エントリは次のように表示されます。

  • お問い合わせ
  • 再販業者
  • サポート
  • デザイナーサービス

しかし、overflow:visible を動作させたり、シミュレートしたりすることができないため、ドロップダウン メニューの一部が切り取られます。現在、ie6 固有のスタイルシートの css は次のとおりです。

#zd-nav {
  padding-left:0;
  margin-left:0;
  background-color:transparent;
}
#zd-nav .zd-sub-nav{
  margin-top:5px;
  **width:73px**;
  **overflow:hidden;**
}

私が試したバグのいくつかの解決策:オーバーフローをレンダリングするie6 オーバーフロー:ビジブル バグ (こちら: http://www.positioniseeverything.net/explorer/expandingboxbug.htmlに従って) を認識しています: null と void が表示されます。読み通す: IE6 のレイアウト バグを修正するための戦略? そして、実際にoverflow:visibleとして機能させるためにいくつかのハックを試みましたが、何も機能しませんでした.

現在、メニューのドロップダウン部分をoverflow:hiddenに設定して、メニューをoverflow:visibleの方法で動作させるようにie6を取得できないため、最後の溝のソリューションとして使用しています。

IE7 または IE8 のナビゲーションに問題がある場合は、それを指摘していただければ幸いです。

提案？

4

5 に答える 5

1

これは私のために働いた：

#zd-nav .zd-sub-nav li{
    float:left; 
    clear:left; 
    position:relative; 
    z-index:20; /* or some other arbitrary biggish number */
}

float は li に適切な幅を与え、相対的な位置と z-index はそれを ul の上に表示します (つまり、制限されません)。

于 2009-11-09T17:50:36.427 に答える
1

これを試してみてください (ドロップダウン [プラス サブ サブ サブ] を、邪魔になるページ上の他の要素の上に "フローティング" できるようにしたい場合):

.zd-nav-active {
    position: relative;
}
.zd-sub-nav {
    position: absolute;
    z-index:10000;
}

サブ ナビゲーションを含む li を相対位置に強制しても、ページ上の位置は変わりません。ただし、子要素に絶対位置を使用することはできますが、デフォルトでそれらを親内に保持し、ページの「フロー」から解放します（したがって、プッシュダウン効果を防ぎます）。

于 2009-11-04T07:26:05.567 に答える
0

上下左右と幅を指定して、コンテナに対する相対位置を使用することをお勧めします

于 2009-11-10T14:38:08.593 に答える
0

次のいずれかを試してください。

word-wrap:break-word; /*use this in the #zd-nav .zd-sub-nav class*/

また...

width:100%; /*instead of setting the width to 73px*/

あなたもできるheight:100%;。

Microsoft が考案した hasLayout の問題です。ここで情報を見つけました：http://zoffix.com/css/ie/haslayout.shtml

お役に立てれば...

于 2009-10-27T18:00:45.677 に答える
0

これはうまくいくはずです

#zd-nav .zd-sub-nav{ 
    margin-top:5px;
    width: auto;
    display: block;
    overflow: visible
    }

自動幅は、それぞれに固定幅を与える必要なく、各ナビゲーション項目のサイズを採用するために使用されます。

お役に立てれば。

于 2009-11-10T13:13:19.100 に答える