別の Web サイトのコンテンツを表示する iframe を含む Facebook タブに取り組んでいます。iframe を絞り込んで、ウェブサイトの必要な部分のみを表示し、スクロールを無効にしました。それに加えて、iframe コンテンツのリンクを無効にしたいのですが、透明な .png 背景画像を iframe を含む div に追加し、iframe の z-index を-1、ただし iframe はまだ画像の前にあります。
これまでのところ、私のcssは次のようになっています：
<style type="text/css">
iframe
{
z-index:-1;
}
.bgimg {
background-image: url('transparent.png');
}
</style>
そして私のhtmlは次のようになります:
<div class="bgimg" style="overflow:hidden; width: 700px; height: 100%;margin:auto;">
<iframe src="http://www.url.com/site.html" width="1100" height="700" seamless="seamless" frameborder="0" scrolling="no" style="margin-top:-230px;"></iframe>
</div>
私はこれを使用して、アマチュア サッカー チームのリーグ テーブルへの直接リンクを提供しています。毎週タブをすべての新しい情報で手動で更新する必要はありませんが、各チームをクリックして表示できるようにしたくありません。チーム情報 - リーグ テーブルのみ。
これが可能であるはずのいくつかの場所を読みましたが、機能するコードを見つけることができませんでした-また、それが不可能であると言っているいくつかの場所を読みました.については何もありません）。
私が今していることに代わる解決策がある場合は、お知らせください。