css backgroun 문의드립니다

css backgroun 문의드립니다

QA

css backgroun 문의드립니다

본문

날씨가 추워집니다. 감기 조심들 하세요~

 

http://demo.moowabo.com/g5/ksj-r/ 

 

현재 테마 작업중인 사이트입니다.

bootstrap 기반으로 작업중인데요..

 

배경을 풀스크린으로 지정을 하고 

<header></header>

<main></main>

<footer></footer>

식으로 작업하고 있습니다.

 

그런데 희한하게 배경을 깔고 그 위에 코딩을 하는건데도 

그안에서 header, main, footer 등에 배경색을 지정하면 적용이 안되네요.

 

한참 안으로 들어가서 div 에 배경을 지정하면 적용은 되는데요.

그렇게 되면 원하는 사이즈나 디자인대로 작업을 할 수가 없네요.

 

어떤 부분에서 css가 잘못되었거나 한 것 같은데 도저히 찾질 못하겠습니다.

z-index도 맞춰서 해보았는데 되질 않습니다.

 

현재 백그라운드는 https://css-tricks.com/perfect-full-page-background-image/ 에서 배운대로

 


#MWB-bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; }
#MWB-bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }

 

이 방법을 사용하고 있습니다.

 

고수님들의 도움 부탁드립니다.

이 질문에 댓글 쓰기 :

답변 2

#MWB-bg{z-index:-1;}

#MWB-bg img{z-index:0;}

추가하세요.

답변 감사합니다.
말씀하신 대로 해보니 잘 되네요.
저는 #MWB-bg 에만 z-index:0 으로 값을 줬을 때 안되었는데
이렇게 #MWB-bg{z-index:-1;} 값만 줘도 적용이 되는군요.
혹시나 싶어서 적어주신 대로 img 값에도 미리 값을 줘야겠습니다.

배경 자체에 포지션 값이 있으니 메인값에도 포지션 값을 주시면 될것 같습니다. position:relative;width:100% 로 주시고 배경색을 지정 하시면 변경 될겁니다.

 

header 같은 경우에는 해당 안에 ul 에 백그라운드가 지정 되어 있으니 그부분을 제거 하시면 배경 지정이 가능 하겟네요

 

1ace5359986835055c77937409d87b96_1483934377_9402.png
 

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT