1

2 つの html 要素を重ねて配置し、後ろの要素にアンカー タグが含まれている場合、WP7 および 8 の IE は一番上の要素を「クリックスルー」してアンカーをクリックします。

IE を含むデスクトップ ブラウザや、Android ブラウザや Mobile Safari などの他のモバイル デバイスには、この動作はありません。

html

<div class="back">
    <a href="mypage.html">Min sida</a><br />
    <a href="mypage.html">Min sida</a><br />
    <a href="mypage.html">Min sida</a><br />
    <a href="mypage.html">Min sida</a><br />
    <a href="mypage.html">Min sida</a><br />
</div>
<div class="front">
</div>

CSS

.back
    {
        position: absolute;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .front{
        position: absolute;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        background-color: rgba(255, 0, 0, 0.5);
    }

次の jsfiddle は問題を表示します: http://jsfiddle.net/BSunW/6/

これは予想される動作ですか？この動作を変更する方法はありますか?

4

3 に答える 3

1

Foundation 4 選択ボックスのカスタマイズ中に同じ問題が発生しました。私がしたことは、次のようにドロップダウンリストの下の要素（.footer-ul divでした）のすべてのクリックをキャッチしたことです：

 wp8fix: function() {
        $('.dropdown').click(function(){
            $('.foooter-ul').bind('click',function(e){
                e.stopPropagation();
                return false;
            });
        });
 }

もう必要なくなったら、バインドを解除することを忘れないでください

$('.footer-ul').unbind('click');

于 2013-09-24T14:19:36.720 に答える
0

WP8で私のために働いたのはこれだけでした:

$("input").prop("disabled", true);
$("option").prop("disabled", true);
$("div").prop("disabled", true);
于 2014-04-12T18:44:55.877 に答える