0

私は、上部の div が固定され、その下に単純なドロップダウン メニューがあり、左側の div が固定されている Web サイトに取り組んでいます。IE または FF で「宿泊先」にカーソルを合わせると完全に機能しますが、iPad で表示すると、固定された左の div の下にメニュー サブ項目が表示されます。さまざまな z-index を試しましたが、iPad で正しく機能させることができません。

誰でも私を助けることができますか？

私はここでそれの簡単なバージョンをコーディングしました:

http://jsfiddle.net/LBv8f/

このビットは無視してください。SOはjsfへのリンクだけで投稿することはできませんが、ここに投稿するにはコードが多すぎます..

$(document).ready(function ()
4

2 に答える 2

0

固定位置で補正する#left-containerには、事前に移動する必要があります。#top-nav-container

動作デモ(Ipad でテスト済み)

于 2012-12-07T12:11:39.160 に答える
-1

ipadにはホバーの概念がないため、iPadでは明らかにホバーは機能しません。それ以来、あなたは位置を使用しており、iPadのメディアクエリを使用して、iPadで希望どおりにメニューを配置できます。

@media (max-width:767px) {
  // css for ipad potrait mode
}


@media (max-width:979px) {
  // css for ipad landscape mode
}
于 2012-12-07T12:09:45.330 に答える