4
我在頁面上嵌入了YouTube視頻，它們出現在下拉菜單中，通過Lightbox等。我寧可不使用舊的YouTube嵌入代碼，但愚蠢的iframe將自己置於頁面上的其他任何元素上。是否有可能讓它學習它的地方？是否可以在iframe之前放置某些東西？
A
回答
4
可以漂浮都不管你想在它上面的容器內的iframe和。
然後，在上面想要的項目上，只需設置一個負頂部邊距。
Here's a jsfiddle顯示我的意思。
您也可以對前面想要的項目使用絕對定位，但這通常會導致網站出現其他問題。
更新
看來您正試圖違背常規HTML流程。 HTML中第一個出現的東西通常是「在」之下，或者是在之前發生的事情之前。
但是，您可以從HTML渲染的常規流程中取出一個元素並將其完全放置。
我已經updated the jsfiddle顯示如何完成。被警告，絕對位置可能會將其他問題帶入您的網站設計。
0
您可以使用margin-top:12px;或您的標籤內的東西。
+0
對不起，我的意思是OVER就像在前面，我會改變標題。 – 2011-05-20 17:05:03
+0
你把youtube放在ifram – Anish 2011-05-20 17:08:13
+0
是的，現在YouTube使用iframe進行嵌入，除了iframe與頁面上的任何其他元素重疊以外，它很好，很短 – 2011-05-20 17:14:46
1
0
如果你把iFrame放在一個div中，並在div上設置一個z-index，這應該可以工作。我一直在工作中這樣做。
5
最後更新
添加在iframe網址的結尾?wmode=transparent或&wmode=transparent如果有過，以及其他參數，可以似乎解決該問題的所有瀏覽器。
原始答案
使用z-index與定位結合在http://jsfiddle.net/gaby/BS4Ww/3/
例如用下拉過YouTube視頻（新代碼）
更新
添加div在iframe以及我誤解下拉
+0
+0
@好的，是的，我誤解了。已經添加了'div'版本。 – 2011-05-20 17:48:48
+0
@ A-OK，爲所有瀏覽器提供解決方案，儘管它涉及更改網址。 – 2011-05-20 18:13:12
0
一個項目，我需要類似的事情。我打算顯示iframe的內容，但不允許用戶關注它的鏈接。相反，我想將用戶指向另一個網址。 這是我的解決方案。在IE中工作對於爲over元素設置一些背景色很重要。
#over{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-color:white; /* for unknow reason is color important for IE*/
opacity:0;
filter:alpha(opacity=0);
}
iframe{
width: 100%;
height: 550px;
}
<div>
<div id="over" onclick="parent.location='....'"></div>
<iframe src="...">You don't have iframe support, unfortunately</iframe>
</div>
相關問題
- 1. 是否可以在浮點圖頂部放置某些東西？
- 2. 是否可以檢查用戶是否粘貼了某些東西？
- 3. 在某個組件中存儲某些東西是否安全？
- 4. 是否有可能在主Activity完成onCreate（）之前顯示一些東西？
- 5. 是否有可能運行DOMContentLoaded之前的東西嗎？
- 6. 檢查div後是否存在某些東西
- 7. 我可以在處理某些東西時凍結Excel嗎？
- 8. 是否可以在system.webserver中的system.web中配置所有東西？
- 9. 在angular.js中，我可以在我$ eval（）之前過濾一些東西嗎？
- 10. 在Ruby中，當我們命令ruby放置某些東西時，「放」什麼？
- 11. 是否可以在僞元素之前/之後設置iframe的樣式？
- 12. 是否需要CFLogin替換或缺少某些東西？
- 13. 是否$！意味着shell腳本中的某些東西
- 14. 如何檢查某些東西是否支持通用接口？
- 15. AngularJS - 檢查子數組是否包含某些東西
- 16. Maven檢查是否編譯了某些東西
- 17. 如何檢測VBA excel是否發現了某些東西？
- 18. 構造返回某些東西可以嗎？
- 19. 我可以向MvcApplication注入某些東西嗎？
- 20. 在HTML C中搜索某些東西＃
- 21. 在C++ 11之前是否有類似於std :: function的東西？
- 22. 是什麼使得python中的某些東西可迭代
- 23. 如何在別的東西之前強制發生某些事情JAVA
- 24. MYSQL在某些情況下的性能！=某些東西
- 25. 我可以在DL/DT/DD內放置什麼東西嗎？
- 26. 如何在文本旁邊的空白處放置某些東西？
- 27. 是否可以在某個點之前刪除字符？
- 28. 是否可以以管理員的身份默默運行一些東西
- 29. 檢查字符串是否以某種東西開始？
- 30. 給某些東西給某些人（人與物之間的關係）
謝謝，但問題是#over之前的iframe頁面上，像這樣http://jsfiddle.net/6wXvA/11/ – 2011-05-20 17:32:09
爲什麼不能你改變順序？ :(你試圖做的事情並不少見，但往往不符合HTML設計的原則，我已經更新了我的答案 – rockerest 2011-05-20 17:41:02
嗯，我有一個產品帶有使用colorbox（如lightbox）打開的圖像，並在這些圖像下面當我點擊圖片時，colorbox打開，但是YouTube剪輯位於打開的圖片前面。所有colorbox元素的位置：absolute; top：0; left：0; z-index：9999;所以它應該在iframe前面，對嗎？ – 2011-05-20 17:50:16