0

私のサイトにはレスポンシブな WordPress がセットアップされており、何らかの理由で Android では、flexslider でカバーされているメニューをドリルダウンすると表示されます。iOS Safari または Chrome ブラウザではこれを行っていません。また、css メディア クエリが小さい解像度で開始される前に、デスクトップ上で発生することもありません。それを引き起こしている可能性のある手がかりはありますか？私の Z インデックスは正しく設定されています。私のコードが必要な場合はお知らせください。サイトは次のとおりです。

http://wp.oursaviorschurch.com

編集: これは 4.1 Jelly Bean のみであることがわかりました。ICS を実行しているデバイスをテストしたところ、問題なく動作しました。また、Jelly Bean デバイスのサード パーティのブラウザーで試してみたところ、正常に動作しました...これは奇妙です。

4

1 に答える 1

0

以前に非常によく似たものに出くわしました。それはすべて、表示されているスライド (woo-slider 内) の位置プロパティが相対を使用して設定されているためです。これを絶対に変更すると、スライダーは引き続き機能しますが、DOM の上位にある要素はすべて絶対配置を使用するものは、z-index が正しい場合に前面に表示できるようになります。

  1. flexslider.cssファイルの行番号 48 を変更し、コンテナを の子スライドの高さと一致するように設定し'.slides'ます350px。

  2. jquery-flexslider-min.jsファイルを次のように変更します。

    slider.slides.css({
    "width": "100%", 
    "float": "left", 
    "marginRight": "-100%", 
    "position": "relative"
});

    と：

    slider.slides.css({
    "width": "100%", 
    "float": "left", 
    "marginRight": "-100%", 
    "position": "absolute"
});

私は Android デバイスを持っていないので、回答を送信する前にこれをテストすることはできません。これは、Chrome インスペクタを介してマークアップを変更することによってのみテストされていますが、現在使用されている他のすべての主要なデスクトップおよびモバイル ブラウザでも同じように機能するはずです。そうでない場合はお知らせください。

于 2012-09-12T20:51:20.110 に答える