1

良い一日。

ipad で、-webkit-transform を使用して iframe をスケーリングすると、scale(2) によって iframe のクリック可能な領域が破損します。

リンクのクリックは失敗し、マークされたクリック領域がリンクとは別の場所に表示されます。

.

$("iframe").contents().find("body").html('<br><br>'+
    '<a href="javascript:alert(1)">link1</a><br>'+
    '<a href="javascript:alert(2)">link2</a>');

$("iframe").css({
        '-webkit-transform': 'scale(2)',
        '-webkit-transform-origin': '0 0'
    }); 

IPad Safari でこのソリューションCSS3 Transform scaling issue を見ました

しかし、クロスドメインのためiframe自体にアクセスできません(むしろ入りません)

前もって感謝します!

4

0 に答える 0