1
我正在致力於一個包含顯示來自另一個網站內容的iframe的Facebook選項卡。我已經縮小了iframe的範圍，只顯示了我想要的網站部分並禁用了滾動功能。除此之外，我想禁用iframe內容中的鏈接，並且我已經讀過應該可以通過向包含iframe的div添加透明.png背景圖像並將iframe的z-index設置爲-1，但iframe仍然在圖像的前面。如何使用z-index禁用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 （我對此一無所知）。
如果任何人有任何替代解決方案，我現在正在做 - 請讓我知道。
記住'z-index'只適用於定位元素（可以是'相對'）。 – CBroe 2013-03-11 22:22:14
謝謝！在過去的2個小時裏，我一直在盯着自己，這個簡單的評論完成了這項工作。我對CSS很陌生，但這太簡單了。謝謝 ：） – rpbtz 2013-03-11 22:28:15