2012-12-01 48 views
0

我使用的iframe作为一种lightbox容器,我需要改变iframe的内容的风格后,它加载了一个url,但我似乎无法做到这一点无论是与CSS或与jQuery。改变加载的iframe的风格

我曾尝试:

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

而且它们似乎也没有产生任何效果,我自己也尝试设置其他属性,但对内容完全没有效果。

可以这样做吗?

编辑

OK,这似乎是一个浏览器相关的问题,其实我只是想根据加载的内容动态地设置iframe的宽度和高度:

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

该作品在safari和chrome中,但在Firefox中完全没有效果!

+0

您的域名是否为iframe? – zeMinimalist

+0

@SimonHartigan - 是的,域名 – crankshaft

回答

0

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

$("iframe").contents(); 
+0

我试过了:$('#lb_ilf')。contents().css('text-align','center'); (lb_ilf是iframe ID) - 但这也行不通! – crankshaft

+0

iFrame的src是否与外部页面具有相同的域? –

0

什么是你到底想在这里实现......有一两件事你可以做的是给iframe中? class或id并定义你在CSS中的规格。例如..

的HTML

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

的CSS

#some_name{ 
    text-align:center; 
} 

这应该做你需要什么。

+0

谢谢,但那只是一个例子,我想能够在iframe中修改任何元素的属性。 – crankshaft