0

免責事項:私はこれが少し遠回りであることを認識しています。動作する jsfiddle を提供することも、コードのサブセットを提供することもできません。

私はこのサイトに最後の仕上げをしています: http://dev.rebelsauce.co < Edit: link corrected

再現する手順：

  1. iPadでURLを開く
  2. 右下隅にある歯車のアイコンをタップします
  3. 「ログアウト」を含むブートストラップ ポップオーバーがコンテンツの後ろに表示されます。#page-products/store ページから、実際に製品の最後までスクロールすると、 divの後ろに表示されます。

デスクトップ ブラウザのスクリーンショット:

デスクトップ ブラウザのスクリーンショット

デスクトップ ブラウザ (Chrome Win、Chrome OSX、Safari OSX) では、「ログアウト」ポップオーバーの z-index が期待どおりに機能position: relative; z-index: 300;し#page-productsます。.page-contentpostition: relative; z-index: 202 (and 203)

ただし、iPad では、z-index は考慮されていません。残念ながら、モバイル Safari のブラウザー開発ツールに関与していないため、CSS をいじって原因を特定することはできません。あらゆる種類の親要素を設定しようとしましposition: relative;たが、役に立ちませんでした。

「boostrap popover z-index ipad」などのキーワードを検索するのにかなりの時間を費やしましたが、それでもうまくいきません。

4

1 に答える 1

0

z-index を 300 に設定するfooterと修正されますが、それが他の理由で望ましくないかどうかはわかりません。

Mac を使用している場合は、実際にiOS Safari で開発者ツールを使用できます。xCode をダウンロードし、iOS シミュレーターを実行してから、ページに移動します。次に、OSX Safari の [開発] メニューで、[iPad シミュレーター] セクションのページを選択します。

于 2013-07-30T17:58:50.007 に答える