我正在开发一个 facebook 标签，其中包含一个显示来自另一个网站的内容的 iframe。我已将 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>
我正在使用它来直接链接到我的业余足球队的联赛表，而不是每周手动使用所有新信息更新标签，但我不希望可以点击每支球队球队信息 - 只是联赛表。
我已经阅读了几个地方，这应该是可能的，但还没有找到一个有效的代码 - 也阅读了一些地方说这是不可能的，还有一些地方说它只能使用 jQuery 来完成（我知道什么都没有）。
如果有人对我现在正在做的事情有任何替代解决方案 - 请告诉我。