防止在iframe中加載CSS背景圖像

Question

我正在開發一個Web應用程序，它需要編輯單個網頁。

當前，需要編輯的頁面被加載到iframe中。此外，與內聯編輯相關的庫，圖像編輯也以編輯模式注入iframe。

要保存以編輯模式加載的網頁，需要清理一些html部分和注入庫，當前使用另一個隱藏的iframe，其中編輯iframe html內容被寫入隱藏的iframe，然後刪除不需要的標記或腳本然後這個內容被保存。

當內容寫入隱藏的iframe時，它開始請求圖像。我想阻止這一點。

所以對於<img>標記，以防止圖像的請求，內容寫入到隱藏的iframe之前，src=串與data-src=

取代我們如何才能達到防止圖像加載了對CSS背景圖像？

Answer 1

你可以用下面的CSS desactive所有背景圖片：

* { 
    background-image: none!important; 
} 

通過直接在iframe中添加此CSS或通過添加類的身體和添加給你的CSS：

body.no-images, body.no-images * { 
    background-image: none!important; 
} 

注意：可以找到更準確的規則。 「*」不是最好的表現。