如何从父<div> </div>设置iframe的内容样式

时间:2013-05-23 17:53:13

标签: jquery iframe modal-dialog

我有3页。 Page1(在按钮上单击)通过模态(modal1)调用page2。单击时,Page2有按钮,通过模态(modal2)打开第3页。所以它的模态在另一个模态中。

我不想杀死/关闭父模态。但是调整modal2的css(顶部,左侧)。

我该怎么做?

以下是整体结构的外观:

<div id="preferences" class="modal bigModal in" data-backdrop="static" aria-hidden="false">
    <iframe id="preference" class="searchModal-body" src="preferences?lightbox=yes&section=2">
         <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
             <div id="searchBox" class="modal bigModal in" aria-hidden="false">
                 ..........
             </div>
            ....
         </html>
         .........
     </iframe>
     ...........
</div>

附上现在的样子截图

enter image description here

1 个答案:

答案 0 :(得分:0)

$('#preference').contents().find("#searchBox").offset({top:10, left:30});

但是,如果iframe来自同一个域,浏览器安全性将允许这样的操作