3

position：absoluteを配置しても、要素のz-indexが設定されないという奇妙な問題があります。親要素にoverflow：hiddenセットがあります。

私が言っていることの例を見るには：

  1. http://www.berrisforda.com/にアクセスします
  2. [求人検索]タブで、カスタムの選択/ドロップダウンホバーがあります
  3. コンテナによって切り離されていることに注意してください。実際にはその下まで伸びていますが、コンテナにはオーバーフローがあります：hidden set

z-indexを設定しようとしていますが、うまくいきませんでした

誰か助けてもらえますか？

4

2 に答える 2

5

この場合、z-indexあなたを助けません。親要素を使用している場合overflow:hidden、その要素の境界ボックスの外側にある子はすべて非表示になります。3つのオプションがあります。

  1. ドロップダウン要素を移動して、要素の子ではなくなるようにしoverflow:hiddenます。
  2. ドロップダウンリストをスクロールします。
  3. スタイルを削除しoverflow:hiddenます。
于 2013-03-09T23:03:52.310 に答える
1

.tabの高さを短く調整します...

ul#output li.tab {
position: absolute;
width: 684px;
height: 345px; /*see how I changed this value*/
background-color: #fff;
}

そして、overflow：hiddenを＃feature-list{}から削除します

そして、.dropdown dd ul {}にz-index：1を設定します。

次の手順も実行して、フッターを修正します。

申し訳ありませんがバート-私は最初に間違いを犯しました-これが最後のステップです

#footerからposition：relativeとz-indexを削除します

それならあなたは行ってもいいはずです！

于 2013-03-09T23:02:43.897 に答える