Q&A

백그라운드 이미지가 안보이네요ㅠㅠ

sampo
2017.03.31 07:02
702
0
5

늘 도움만 받고 있습니다. 내용직접추가에서 편집시에는 백그라운드 이미지가 보이는데 저장을 하면 안보이는 이유를 모르겠네요. 뭐가 문제인지 알 수가 없네요....

<참고이미지>

 

1)편집시 저장하기전 화면

1.png

 

2) 저장후 화면

2.png

 

백그라운드 사용코드

background-image: url(/images/background1.png); background-repeat: no-repeat;

여기서 url경로를 전부 다 적어도 마찬가지입니다.

목록

댓글 5

  • 웹지기
    2017.03.31 07:15

    아마 XE코어에서 태그를 제거하는 것 같은데 어떤 태그들을 제거하는지는 코어에 적용한 사람들이 알 것 같네요. 최고관리자권한의 계정으로 하시는 방법이 최선일 듯 합니다.

     

    - 저장 한 후 다시 수정하셔서 html 보기로 확인해보세요. 아마 백그라운드를 위해 넣었던 코드가 사라졌거나 일부가 사라졌을 겁니다.

    추천 0
  • SimpleCode
    2017.03.31 07:28
    백그라운드 이미지를 어떻게 삽입하셨나요? 에디터에서 입력한 것이 사라진건지, 문서 서식을 수정했는지, HTML 소스가 있으면 다른 분들도 도와주실 것 같네요.
    추천 0
  • sampo
    2017.03.31 07:46
    @SimpleCode
    네 저장후 소스보기로 보니 백그라운드 코드가 사라지고 안보이네요. 드림위버로 편집해서 내용직접추가로 넣었습니다. 코드가 좀 지저분합니다.
    <해당코드>

    <style type="text/css">.church {
    color: #5B6CCA;
    }
    body,td,th {

    font-color: #4C4C4C;
    }
    body {
    background-image: url(/images/background1.png);
    background-repeat: no-repeat;
    }
    </style>
    <table bgcolor="transparent" border="1" bordercolor="#E7E7E7" cellpadding="1" cellspacing="0" height="78" style="width:100%;" width="100%">
    <tbody>
    <tr>
    <td bgcolor="#697CBF" height="40" style="text-align: center; font-size: 16px; color: #ffffff;"><code><strong>예 배</strong></code></td>
    <td bgcolor="#697CBF" height="40" style="text-align: center; font-size: 16px; color: #ffffff;" width="350"><code><strong>시 간</strong></code></td>
    <td bgcolor="#697CBF" height="40" style="text-align: center; font-size: 16px; color: #ffffff;" width="250"><code><strong>장 소</strong></code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="200"><code>새벽예배</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="300"><code>5시 30분 (월 ~ 토)</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="200"><code>본당</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" rowspan="2" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>주일예배</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>1부 오전 7시 30분</code></td>
    <td bgcolor="transparent" rowspan="2" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>본당</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>2부 오전 10시 30분</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>주일찬양예배</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>오후 2시</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>본당</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>수요예배</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>저녁 7시 30분</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>본당</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>유치부</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>오전 10시 30분</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>4층 유치부실</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>유.초등부</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>오전 10시 30분</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>4층 유초등부실</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>중.고등부</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>오전 11시</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>4층 중고등부실</code></td>
    </tr>
    <tr>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="70"><code>청년부</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="35"><code>오후 12시 30분(주)</code></td>
    <td bgcolor="transparent" height="40" style="text-align: center; font-size: 14px; color: #333;" width="30"><code>4층 청년부실</code></td>
    </tr>
    </tbody>
    </table>
    추천 0
  • SimpleCode
    2017.03.31 09:22

    body {
    background-image: url(/images/background1.png);
    background-repeat: no-repeat;
    }
     

    이쪽 CSS가 의심스러운데요. 확인해봐야할 게 3가지 정도 있겠네요.

     

    1. CSS가 꼬여서 엉뚱한 곳에 적용된 경우

    2. 이미지 파일이 없거나, 파일 경로를 잘못 계산해서 엉뚱한 파일을 불러오는 경우

    3. HTML 태그가 완전히 없어지는 경우

     

    IE, 크롬, 파이어폭스 등 여러 브라우저로 테스트 해 보세요.

    추천 0
  • sampo
    2017.03.31 09:34
    @SimpleCode
    파폭만 빼고는 다 해 봤는데 마찬가지입니다. 소스보기로 보면 다음와 같이 나옵니다.

    <div class="xe_content xe-widget-wrapper " style="float: left; width: 100%; border-width: 0px; border-style: solid; border-color: rgb(102, 102, 102); margin: 15px 0px 0px; background-image: none; background-repeat: repeat; background-position: 0% 0%;"><div style="padding:0px 0px 0px 0px !important;">
    위에서 보면 백그라운드 이미지가 none으로 나옵니다. 신경 써 주셔서 고맙습니다.
    추천 0
1 / 876 2 3 4 5