我想添加一個背景圖片到這個編輯框，但是CSS對我來說很複雜

我需要在編輯框中放置一個背景，但是我已經嘗試了幾個小時的各種CSS代碼。沒有用！我想添加一個背景圖片到這個編輯框，但是CSS對我來說很複雜

我可以自定義CSS，但我無權修改源代碼。

下面是部分的源代碼，我感興趣的是：

<div id="cke_1_contents" class="cke_contents cke reset" role="presentation" style="height: 200px;"> 
<span id="cke_26" class="cke_voice_label>Press Alt 0 for help</span> 
    <iframe class="cke_wysiwyg_frame cke_reset" style="width: 100%; height: 100%;" aria-describedby="cke_26" title="Rich Text Editor,form_essay_content" src="" tabindex="0" allowtransparency="true" frameborder="0"> 
    #document 
    <!DOCTYPE html> 
     <html dir="ltr" lang="en"> 
      <head></head> 
      <body class="cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" spellcheck="false" contenteditable="true"> 
      </body> 
     </html> 
    </html> 
    </iframe> 
</div>

我想要做的就是添加明信片的圖像的背景。像這樣：

我試過的CSS代碼，使多種組合來添加圖像。失敗。失敗。失敗。這裏有兩個。請儘量不要笑...

<style> 
    #cke_1_contents.cke_editable .cke_editable_themed .cke_contents_ltr .cke_show_borders { 
     background-image: URL(http://www.moodurian.com/tornado/images/postcard-mini.jpg); 
    } 

    #cke_1_contents body { 
     background-image: URL(http://www.moodurian.com/tornado/images/postcard-mini.jpg); 
    } 

</style>

那麼，它沒有工作。任何想法，任何人？請注意，我無法修改源代碼。所以我不能添加任何額外的< div> </div>標籤或< span> </span>標籤。我只能輸入自定義CSS來修改頁面元素。

感謝您閱讀本文。

問候羊羊錦馬來西亞

來源

2017-02-17 Frankie ' Moodurian' Kam

你試過編輯身在CSS？你可以嘗試像

body {background-image: URL(http://www.moodurian.com/tornado/images/postcard-mini.jpg);}

我不知道你爲什麼只能編輯CSS而不是HTML。似乎有點奇怪。試試這行代碼，讓我知道它是否工作。

來源

2017-02-17 16:55:33

感謝您的快速回復。我正在使用基於雲的服務，從Facebook內部運行一篇作文比賽。查看名爲「Postcard Essay Competition」的選項卡：https：//www.facebook.com/Kam-Fam-134012048474/app/395471657150951/ 我可以使用Admin後端GUI自定義CSS設計，但我無法訪問到源代碼。以下是我如何自定義CSS：http://www.moodurian.com/tornado/images/customcode.jpg 我嘗試了您建議的正文代碼，但它不起作用。不管怎麼說，還是要謝謝你。 –

它看起來像你試圖添加CSS規則，目標元素內，是否正確？如果是這樣 - 您需要將這些CSS規則添加到iframe自身加載的CSS文檔中 - 來自父文檔的CSS規則不會影響iframe內容。

我發現了一個相關的問題在這裏：CSS override body style for content in iframe?

來源

2017-02-17 17:05:52 rice119

嗨rice119。好的我知道了。閱讀你給出的鏈接告訴我，如果沒有訪問iframe加載的CSS代碼，我想要做的只能在Twilight Zone中完成。謝謝你指出這一點。乾杯。 –

我想添加一個背景圖片到這個編輯框，但是CSS對我來說很複雜

回答

相關問題