我使用的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中完全沒有效果！

2012-12-01 crankshaft

您的域名是否爲iframe？ – zeMinimalist

@SimonHartigan - 是的，域名 – crankshaft

如果iframe是在同一個域中父框架，你可以使用：

$("iframe").contents();

2012-12-01 04:30:57

我試過了：$（'＃lb_ilf'）。contents（）.css（'text-align'，'center'）; （lb_ilf是iframe ID） - 但這也行不通！ – crankshaft

iFrame的src是否與外部頁面具有相同的域？ –

什麼是你到底想在這裏實現......有一兩件事你可以做的是給iframe中？ class或id並定義你在CSS中的規格。例如..

的HTML

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

的CSS

#some_name{ 
    text-align:center; 
}

這應該做你需要什麼。

2012-12-01 05:38:57 Optiq

謝謝，但那只是一個例子，我想能夠在iframe中修改任何元素的屬性。 – crankshaft

改變加載的iframe的風格