질문/조언질답게시판
Extra Form
PHP PHP 7.3
CMS XpressEngine

안녕하세요

 

부족한 실력으로 하나하나 알아가며 홈페이지를 제작하고있는데요..

cronos 로그인 정보 출력 위젯을 설치했는데

백그라운드 이미지 출력이 안되어서 3일동안 헤매고 있습니다ㅜㅜ

 

 

캡처1.PNG

위 처럼 정상적으로 출력이 되야 하는데요..

 

 

캡처2.PNG

이렇게 백그라운드 이미지가 출력이 안됩니다.ㅜㅜ

 

 

백그라운드 이미지파일 또한 경로 잘 확인하여 업로드했습니다.

 

 

아래 css 소스입니다.

 

.login_default { margin:0; padding:0; border:0; position:relative; _padding-top:2px; display:block;}
*:first-child+html body .login_default { padding-top:2px;}
.login_default legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.login_default form { position:relative; padding:15px 15px 10px 15px; width:100%-15px;}
.login_default form .inputbox{text-align:center;}
.login_default form .idpw { width:157px; height:28px; border:0px; background:url(../images/input.gif) center no-repeat;margin-bottom:10px;vertical-align:middle; line-height : 28px; padding-left:10px;}
.login_default form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
.login_default form .loginButton{ float:right; position:absolute; right:28px; top:95px;}

.login_default form p.securitySignIn { clear:both; padding:0 0 0 18px; margin:4px 0 0 0; }
.login_default form p.noneSSL { background:url("../images/none_ssl.png") no-repeat left top; }
.login_default form p.SSL { background:url("../images/ssl.png") no-repeat left top; }
.login_default form p.noneSSL a { color:#BF6801; text-decoration:none; }
.login_default form p.SSL a { color:#9CAC74; text-decoration:none; }

.login_default form .save { width:167px; height:28px; border:0px; text-align:left; margin-bottom:30px; margin-left:15px; color:#FFF; font-size:11px;}
.login_default form .save input { vertical-align:middle; _margin:-3px; }
*:first-child+html body .login_default form p input { margin:-3px; }
.login_default form p.save label { font:.9em; color:#999999;}
.login_default form .help {padding-left:20px; border-top:1px solid #85b914;}
.login_default form .help ul{ margin:0; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap; list-style:none;}
.login_default form .help ul li { display:block; padding:0 11px 0 0; float:left; }
.login_default form .help ul li.first-child { background:none; padding-left:0; margin-bottom:3px; }
.login_default form .help ul li a { color:#FFF; font:.9em; white-space:nowrap; text-decoration:none;}
.login_default form .help ul li a:hover { text-decoration:underline; }
.login_default form .userName { position:relative; width:100%-15px; overflow:hidden; border-bottom:1px solid #85b914; padding:0 0 4px 0; margin-top:-5px; }
.login_default form .userName strong { color:#FFF; padding:4px 0 0 2px; }
.login_default form .userName a { position:relative; right:0px; color:#FFF; }
.login_default form .userName img { border:none; }
.login_default form ul.userMenu { margin:0; position:relative; padding:0 0 6px 4px; margin-top:10px;}
.login_default form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/bulletFF1A00.gif) no-repeat left 4px;  margin-bottom:5px;}
.login_default form ul.userMenu li a { color:#FFF; text-decoration:none;}
.login_default form ul.userMenu li a:hover { text-decoration:underline; }
.login_default form p.latestLogin { margin:0; color:#999999; font:.9em;}
.login_default form p.latestLogin span { font:1em Tahoma;}

img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
.openid_login_default { margin:0; padding:0; border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block; }
*:first-child+html body .openid_login_default { padding-top:2px;}
.openid_login_default legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.openid_login_default form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px; }
.openid_login_default form .idpwWrap { overflow:hidden; clear:both; width:172px;}
.openid_login_default form .idpw p { margin:0; padding:0; margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999}
.openid_login_default form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
.openid_login_default form .login { float:right;}
.openid_login_default form p.save { margin:0; padding:0; clear:both; padding:.3em 0;}
.openid_login_default form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body .openid_login_default form p input { margin:-3px; }
.openid_login_default form p.save label { font:.9em; color:#999999;}

/* login */
.LoginContainer {z-index:1002; right:0px; position:absolute;width:226px;}
.LoginContainer .loginbtn {margin-left:155px; cursor:pointer;}
.LoginContainer .s_box {background:url(../images/login_box.png) bottom no-repeat; display:none;}
.signUp {position:absolute; right:70px; z-index:1001;width:59px;height:26px;}
.signUp_se {position:absolute; right:70px; z-index:1000;width:59px;height:26px;}
.blank_btn{width:59px;height:26px;}

.loginButton input {
    background-color: transparent;
    background: url(../images/loginbtn.png) no-repeat;
    border: 0 none;
    display: inline-block;
    overflow: visible;
    width:47px;
    height:49px;
}
.logout_btn {position:absolute; right:0px; _right:70px; margin-top:-5px;}

 

위의 빨간색 라인 부분을 손보면 될 것 같은데 미흡한 실력으로나마

할 수 있는것들은 이것저것 나름 다 해봐도 효과가 없네요..

어디를 만저야 정상적으로 출력이 가능 할까요?..

고수분들의 도움을 기다립니다^^

  • profile
    Display:none; 부분을 삭제해보세요
  • profile ?
    말씀해주신부분 지워봐도 백그라운드 이미지는 출력이안되며
    펼처진 상태로 위젯이 시작 됩니다ㅜㅜ
  • ?
    지금 다시 확인해보니 pc에서는 잘 출력됩니다만
    모바일에선 백그라운드 이미지가 출력되질 않네요..
    모바일에서도 정상작으로 출력되게끔 할 수 있는 방법이 없을까요?
  • ? profile
    모바일에서 사용하는 서드파티 스킨이랑 css가 충돌하는 게 아닐까요?
  • profile ?
    답변감사드립니다^^
    헌데 서드파티 스킨이 무엇을 뜻하는건지요?
    제가 확인해보려하면 무엇을해야하는지요??
  • profile ?
    모바일 레이아웃 스킨을 스케치북5를 사용중인데
    기본 xe스킨으로 적용해보니 정상적으로 출력이 되네요..
    스케치북5 레이아웃이랑 충돌이 있는거같습니다만
    이 부분은 해결방법이 없을련지요..
    있다면 팁 좀 부탁드리겠습니다!^^
  • ? profile
    css 및 js 충돌 가능성이 있을 것 같은데요.
    css의 경우 개발자 도구 등을 참조해서 충돌요소를 점검할 수 있을 것이고, js는 아마 직접 코드 수정 등을 통해 테스트를 해봐야 할 겁니다.
  • profile ?
    댓글을 이제야 확인 했네요^^;
    스케치북5 레이아웃 mx.css 파일을 초기파일로 업로드 하면 정상적으로 나오며,
    커스텀한 mx.css파일을 업로드 하니 다시 백그라운드 이미지가 죽어버리네요...
    조금 더 공부를 해봐야 할 것 같습니다^^
    감사합니다!~
  • ?
    레이아웃 소스를 초기값으로 돌리니 정상출력되네요..
    윤삼님 덕분에 잘 해결 할 수 있을것같습니다..
    너무 감사드립니다... 꾸벅^^