토론방

분류목록

소스관련 모바일에서 배경이미지 출력

안녕하세요, 위의 홈페이지 메인 세번째 'INTRODUCE JCOM'부분, 배경 이미지가 왼쪽에 컴퓨터가 있는 이미진데, pc에서는 괜찮은데 태블릿이나 모바일에서는

배경이미지가 내용과 겹쳐보입니다, 혹시 모바일이나 태블릿에서만 배경이미지를 출력이 안되게 하거나,색깔로만 배경을 넣거나, 혹은 다른이미지로 변경가능한가요?

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

이**우 2018-07-11

- 소스수정에서 HTML 부분을 확인해주세요.

   <style>
       body {opacity:0;-webkit-transition: all .3s ease; transition: all .3s ease;}
       body.load {opacity:1;}
       
           body.load {position:fixed;}
       
       #fp_container__30364__ > .fp-section {background-size:cover !important;}
       #fp_container__30364__ > .fp-section:nth-child(1) {background:url({$fBg[1]});}
       #fp_container__30364__ > .fp-section:nth-child(2) {background:url({$fBg[2]});}
       #fp_container__30364__ > .fp-section:nth-child(4) {background:url({$fBg[4]});}
       #fp_container__30364__ > .fp-section:nth-child(5) {background:url({$fBg[5]});}
       #fp_container__30364__ > .fp-section:nth-child(6) {background:url({$fBg[6]});}

       @media (min-width:102*px){
           #fp_container__30364__ > .fp-section:nth-child(3) {background:url({$fBg[3]});}
       }
   </style>

- 3번째 항목만 1024px 이상일때 적용되도록 수정하였습니다.

- 크기값을 적절하게 변경해보시기 바랍니다.

댓글작성

열기 닫기

top