我如何在iFrame上顯示Div或面板

我如何通過iframe顯示面板。我曾嘗試使用z-Index，但它不工作檢查示例圖像。我們沒有嘗試使用CSS我使用Z-Index，但它不起作用。下面是我的代碼...我如何在iFrame上顯示Div或面板

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr align="left"><td align="left"><iframe width="70%" frameborder="0" height="770" id="myframe" runat="server" src="about:blank"></iframe></td></tr></table> 
<div class="slide-out-div"><a class="handle" href="http://link-for-non-js-users">Content</a><h3 class="style1">Menu Items</h3><table border="0"> 
     <tr style=" float:left; height:39px"><td><ul><li><a href="">Special Instructions</a></li></ul></td></tr> 
     <tr style=" float:left; height:39px"><td><ul><li><a href="">Processing Exception</a></li></ul></td></tr> 
     <tr style=" float:left; height:39px"><td><ul><li><a href="">Account Coding</a></li></ul></td></tr> 
     <tr style=" float:left; height:39px"><td><ul><li><a href="">View My Notes</a></li></ul></td></tr> 
     <tr style=" float:left; height:39px"><td><ul><li><a href="">Approve/Disapprove</a></li></ul></td></tr> 
     <tr style=" float:left; height:39px"><td><ul><li><a href="">Save & Close</a></li></ul></td></tr> 
    </table> 
</div>

enter image description here

來源

2012-07-20 Rahul Jain

你試過'位置：absolute' CSS樣式？ – freefaller 2012-07-20 14:22:18

你能告訴我給我的示例代碼... – 2012-07-20 14:23:42

你能告訴我們你到目前爲止嘗試過的嗎？（http://whathaveyoutried.com）我們不是一個代碼編寫服務 – freefaller 2012-07-20 14:25:07

你應該看看使用position:absolute CSS樣式。

下面是一個例子...

<div id="straddle"> 
    Here is the straddling div<br/> 
    Here is the straddling div 
</div> 
<iframe id="myframe" src="about:blank"></iframe>

用下面的例子CSS ...

#myframe { 
    height:100px; 
    width:200px; 
    margin-left:100px; 
} 
#straddle { 
    position:absolute; 
    width:200px; 
    border:1px solid red; 
}

請參閱this jsfiddle live demo

來源

2012-07-20 14:34:39 freefaller

嘿FreeFaller ...感謝您的幫助 – 2012-07-23 06:56:22

不客氣@Rick，感謝您的評價:-) Hope y你有你的項目工作 – freefaller 2012-07-23 07:58:50

是的...你好FreeFaller我有1個更多的查詢將ü請給我一些建議，這裏是鏈接：http://stackoverflow.com/questions/11607893/hide-the-iframe-under -panel-div-object/11608267＃11608267 – 2012-07-23 08:24:58

我如何在iFrame上顯示Div或面板

回答

相關問題