Я хочу добавить фоновое изображение в это поле редактирования, но 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 для изменения элементов страницы.

Спасибо за это.

С уважением Фрэнки Kam Малайзия

источник

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. См. Вкладку «Конкурс эскизов открытки»: https://www.facebook.com/Kam-Fam-134012048474/app/395471657150951/ Я могу настроить дизайн CSS с помощью GUI-интерфейса администратора, но у меня нет доступа к исходному коду. Вот как я настраиваю CSS: http://www.moodurian.com/tornado/images/customcode.jpg Я пробовал предложенный вами код body {}, но он не работает. Спасибо, в любом случае. –

Похоже, вы пытаетесь добавить правила CSS, которые нацелены на элементы внутри , это правильно? Если это так - вам нужно будет добавить эти правила CSS в документ CSS, который сам загружает сам iframe. Правила CSS из родительского документа не будут влиять на содержимое iframe.

Я нашел соответствующий вопрос здесь: CSS override body style for content in iframe?

источник

2017-02-17 17:05:52 rice119

Hi рис119. Да я вижу. Прочитав указанную вами ссылку, я расскажу, что без доступа к CSS-коду, который загружается iframe, то, что я пытаюсь сделать, может быть сделано только в Сумеречной зоне. Спасибо вам все же за это. Приветствия. –

Я хочу добавить фоновое изображение в это поле редактирования, но CSS очень сложно для меня

ответ

Смежные вопросы