2

別のページのコンテンツを表示するためだけに 1 つの iFrame を使用したいと考えています。表示される HTML を制御できないため、変更できません。そのページのナビゲーションをどうにか「無効」にできますか? (データがそこで変更され、結果を自分の HTML に表示する必要があるため、そのページが必要ですが、何の意味もない情報を含むホームページに変更されるため、ユーザーにクリックさせたくありませんユーザーに)

これは私が持っているものですが、iframeで防止機能が機能していません...

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script>
$(document).ready(function() {
   $('#tabela').click(function( event ) {  
      event.preventDefault();
   });  
});
</script>
<div id=tabela>
<h1>Classificação Atualizada</h1>
<iframe width='700' height='600' frameborder='0' scrolling='no'         src="http://boleirofc.com/classificacao.php?idTemporada=3115"></iframe>
</div>
4

1 に答える 1

2

iFrame を<div>同じサイズの透明でオーバーレイしますが、z-index は高くなります

<div id=tabela style="width:700px; height:600px; position:relative">
<div style="z-index=1000;position:absolute; height:100%; width:100%; opacity:0; top:0;left:0;"></div>
<iframe style="z-index:999" width='700' height='600' frameborder='0' scrolling='no' src="http://boleirofc.com/classificacao.php?idTemporada=3115"></iframe>
</div>

このフィドルを参照してください

于 2013-10-21T00:08:27.660 に答える