0

我使用 iframe 作为一种灯箱容器,我需要在 iframe 加载 url 后更改 iframe 内容的样式,但是我似乎无法使用 css 或 jquery 执行此操作。

我努力了:

iframe html body {text-align:center}
$('iframe html body').css('text-align','center');

而且似乎都没有任何效果,我也尝试过设置其他属性,但对内容完全没有影响。

这个可以吗??

编辑

好的,这似乎是与浏览器相关的问题,我实际上是在尝试根据加载的内容动态设置 iframe 的宽度和高度:

$('iframe').load(function () {
   $(this).height($(this).contents().height());
   $(this).width($(this).contents().width());
});

这适用于 safari 和 chrome,但在 Firefox 中完全没有效果!

4

2 回答 2

0

如果 iframe 与父框架在同一个域中,则可以使用:

 $("iframe").contents();
于 2012-12-01T04:30:57.217 回答
0

你到底想在这里实现什么?...你可以做的一件事是给 iframe 一个类或 id,并在 CSS 中定义你想要的规范。例如..

HTML

<iframe id="some_name"></iframe>

CSS

#some_name{
    text-align:center;
}

这应该做你需要的。

于 2012-12-01T05:38:57.507 回答