私はこの編集ボックスに背景画像を追加したいが、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のコードのように多くの組み合わせを試してみました。失敗します。失敗します。失敗します。ここに2つあります。笑わないようにしてください。

<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>タグを追加することはできません。私はカスタムCSSを入力してページ要素を変更できます。

お読みいただきありがとうございます。よろしくフランキー・カムマレーシア

出典

2017-02-17 Frankie ' Moodurian' Kam

あなたはCSSで身体を編集しようとしたことがありますか？あなたは何かを試すことができる

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

私はあなたがなぜCSSを編集することができないのか分かりません。ちょっと変わったようだ。このコード行を試して、それが動作するかどうか教えてください。

出典

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 あなたが提案したbody {}コードを試しましたが、動作しません。とにかくありがとう。 –

内の要素をターゲットとするCSSルールを追加しようとしているようですが、それは間違いありませんか？その場合は、iframe自体が読み込むCSSドキュメントにCSSルールを追加する必要があります。親ドキュメントのCSSルールはiframeコンテンツに影響しません。

ここで関連する質問が見つかりました：CSS override body style for content in iframe?

出典

2017-02-17 17:05:52 rice119

こんにちはrice119。わかりました。あなたが与えたリンクを読むと、iframeがロードされるCSSコードにアクセスできなければ、私がやろうとしていることはTwilight Zoneでしか行えないということがわかります。これを指摘してくれてありがとうございました。乾杯。 –

私はこの編集ボックスに背景画像を追加したいが、CSSは非常に複雑である

答えて

関連する問題