2017-02-17 3 views
1

편집 상자 안에 배경을 배치해야하지만 여러 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> 

:

I want to add a background image inside this edit box

는 여기가에 관심이 섹션의 소스 코드입니다. 그래서 같이 :

I added an image as the backgound of the edit box via "Inspect element"

나는 이미지를 추가 할 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 만 입력하여 페이지 요소를 수정할 수 있습니다.

감사합니다. 감사합니다 프랭키 캄 말레이시아

답변

0

는 CSS에 몸을 편집하려고 했습니까? 당신은 뭔가를 시도 할 수 있습니다

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

나는 왜 당신이 오직 CSS와 HTML을 편집 할 수 있는지 모르겠습니다. 조금 이상하게 보입니다. 이 코드 줄을 시도해보고 작동하는지 알려주십시오.

+0

감사 :

나는 관련 여기에 질문을 발견했다. 페이스 북에서 에세이 경연 대회를 운영하는 클라우드 기반 서비스를 사용하고 있습니다. "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 {} 코드를 시도했지만 작동하지 않습니다. 어쨌든 고마워. –

1

내부의 요소를 타겟팅하는 CSS 규칙을 추가하려는 것 같습니다. 맞습니까? 그렇다면 iframe 자체가로드하는 CSS 문서에 CSS 규칙을 추가해야합니다. 상위 문서의 CSS 규칙은 iframe 콘텐츠에 영향을주지 않습니다. 귀하의 빠른 회신 CSS override body style for content in iframe?

+0

안녕하세요 rice119. 그래, 난 참조. 보내 주신 링크를 읽으신 후 iframe이로드되는 CSS 코드에 액세스하지 않으면 황혼 영역에서만 수행 할 수 있음을 알 수 있습니다. 이 점을 지적 해 주셔서 감사합니다. 건배. –

관련 문제