ドロップダウンアイテムのテキストオーバーラップアイテム

Question

ページがテキストを含み、テキストに一部のアイテムのULリストが含まれている場合、これらのアイテムはドロップダウン内のアイテムと重なり、ドロップダウンリストの下にスライドします。

私はドロップダウンの周りにDivに以下を追加して修正したと思った。

position:relative; z-index:999999; 

くれ

#source-programs-dd { overflow: auto; background: #fff; max-height: 198px; position:relative; z-index:999999;} 

を与え、それが任意のアイデアIE7以外のどこでも動作しますか？

Answer 1

質問を直接解決するために、HTMLとCSSを確認する必要があります。しかし、一般的にIE7には、z-indexに関する既知の問題と、子要素のz-indexをどのように計算するかが記載されています。

この問題については、いくつかのStackoverflowに関する質問があります。

IE7 Z-Index issue - Context Menu

expanding the menu appearing underneath the gallery in IE7

一般的な考え方は、IE7で、Zインデックスは、兄弟の親要素で計算されていることである。ここでは助けることができるものもあります。それはので、ここで少し奇妙に聞こえる例です：

<div id="parent1">...</div> 
<div id="parent2">...</div> 

.parent1が.parent2と重なるULメニューのようなものを持っている場合、どんなZ-そのコンテンツの前に.parent2表示されない可能性があることができindex .parent1の子要素のインデックスはです。

これは、IE7が.parent1と.parent2のZ-インデックスを比較し、すべての子要素がある意味でその値を継承するためです。 （子要素は実際には互いに関連する独自のz-インデックスコンテキストを取得しますが、他の親要素の子は他の親の子に比べて最初に親の影響を受けます）

解決策は、問題を引き起こしていて、お互いの兄弟である親要素を共有する場所を見つけます。

これらの要素に適切なz-インデックスを適用します。

.parent1{ z-index:10; } 
.parent2{ z-index:1; } 

あなたのHTMLを投稿すると、あなたの正確な問題を見つけるのを助けることができます。

乾杯！