設計iframe的樣式

我使用優秀的Jalbum爲網站創建相冊。生成的相冊的每個頁面都是一個完整的網頁，因此推薦在網站中嵌入相冊的方法是使用iframe。設計iframe的樣式

當我想要設置嵌入式iframe中包含的圖像時，會出現問題。如果我添加一條規則，如：

img { 
    -ms-interpolation-mode: bicubic; 
}

我的樣式表中，它不會選擇iframe中的圖像。有沒有辦法選擇嵌入式iframe中包含的元素？

當然，我可以在嵌入iframe之前手動編輯由Jalbum創建的CSS文件，但每次重新生成專輯時都需要記住這一點。

來源

2009-02-07 Dónal

您可以使用JavaScript代碼將iframe插入到iframe的文檔中。

來源

2009-02-07 15:40:16 airportyh

這是假定iFrame來自同一個域，否則，瀏覽器安全將阻止Javascript運行！ – FreeSnow 2011-07-11 18:07:21

根據我的經驗，它只是制定比iframe中的規則更具體的CSS規則。這可以通過例如給一個ID的IFRAME來完成，並且擁有一個具有外部零件，使之更加具體（LESS與我們正在使用我們的平臺上視頻直播嵌入爲例）：

#livestream-iframe-wrapper { 
width: 100%; 
height: 100%; 
    #livestream-viewer { 
     width: 100%; 
     height: 100%; 
     #layout0, #layout1, #layout2, #layout3 { 
      #layout4, #layout0-lsplayer, #layout1-lsplayer, #layout2-lsplayer, #layout3-lsplayer, #layout4-lsplayer { 
       width: 100%; 
       height: 100%; 
       #lsplayer { 
        width: 100% ; 
        height: 100%; 
       } 
      } 
     } 
    } 
}

我不能提供任何關於如何爲您的情況做的具體信息，但使用瀏覽器開發工具中的DOM檢查器來檢查DOM並找到要覆蓋的類。

來源

2014-06-07 18:49:56

設計iframe的樣式

回答

相關問題