樣式iframe內容

有沒有可能樣式iframe內容？樣式iframe內容

我正在研究Google集成幷包含帶文檔的iframe。

<iframe src="https://docs.google.com/document/d/1FXbO5XkM5jIcvkqNTEu2EoxmU9UmlyLaa8NPmlcQW1M"></iframe>

這個谷歌文件有菜單（文件，編輯...），我不想顯示。有沒有可能將這些元素作爲目標，並賦予它們這樣的屬性。顯示：無？或者簡單地隱藏這些元素？

謝謝！

來源

2012-04-25 collin.sk

如果iframe被包含在https://docs.google.com域中存在的文檔中，我將不得不使用否。 – 2012-04-25 18:34:32

你想做什麼？ – tedski 2012-04-25 18:47:29

好，就像你說的莫名其妙，

你可以嘗試：

<div id="trick"> 
    <iframe/> 
</div> 

#trick{ 
    overflow:hidden; /* you will have to play a bit with heights and widths*/ 
} 
#trick iframe{ 
    position:absolute; /*or relative. depending on your markup*/ 
    top:-90px /* Asuming the menu you want to hide is that height */ 
}

'似乎' 做工作：http://jsfiddle.net/Tey5f/3/

，或者你可以：

$('iframe').contents().find('head').append('rel="stylesheet" type="text/css" href="myChanges.css" />');

來源

2012-04-25 18:37:18

不錯的伎倆，做的工作！您應該使用相對位置，以防萬一您希望在頁面上有其他內容。儘管你的答案的第二部分會違反跨域策略。 – 2012-04-25 18:51:06

好戲！我只是配置它一點，它完成了這項工作！再次感謝:) – 2012-04-25 18:52:19

非常歡迎;） – 2012-04-25 18:52:55

沒有辦法將樣式應用到外部網站，如Google文檔，跨域預防。

來源

2012-04-25 18:35:08

這是不可能的。但是，你可以使用代理來加載谷歌的內容:)一旦你配置好服務器端代理這樣的要求只是像這樣的東西取代谷歌的網址：

http://yoursite.com/googleproxy/document/d/1FXbO5XkM5jIcvkqNTEu2EoxmU9UmlyLaa8NPmlcQW1M

但可能會出現問題，通過谷歌鏈接的內容頁面，因爲現在請求docs.google.com是跨域的。

來源

2012-04-25 18:54:10 lazyhammer

樣式iframe內容

回答

相關問題