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

【问题标题】：How to style the content of an iframe from parent <div>如何从父 <div> 设置 iframe 内容的样式
【发布时间】：2013-05-23 17:53:13
【问题描述】：

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

我不想杀死/关闭父模式。而是调整 modal2 的 css(top, left)。

我该怎么做？

整体结构如下所示：

<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>

附上现在的截图

【问题讨论】：

标签： jquery iframe modal-dialog

【解决方案1】：

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

但如果 iframe 来自同一个域，浏览器安全将允许此类操作

【讨论】：

$('#preference').contents().length > 0 和 $('#preference').contents().find("#searchBox").length > 0 吗？
您是否将 searchBox 的 css 位置更改为绝对以使偏移量更改有意义？