묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
홈페이지 배경화면 고정법좀 알려주세요
2012.03.31 23:52
안녕하세요
제가 XE로 홈페이지 만들던중 문제가 생겼습니다.
문제는 홈페이지 배경설정에서 궁금증이 생겼습니다.
body { background:#ffffff url(../img/custom/bg.jpg) repeat-x center top; background-attachment: fixed;}
이런 소스로 배경화면을 고정시켰는데....
요즘 모니터의 크기가 전부 다르다 보니 조금 큰 모니터에서는 배경의 모양새가 이상해지더라고요...
모니터 크기에 상관없이 배경을 고정시키는 방법이 있나요?
댓글 2
-
카우도
2012.04.01 00:09
-
에릭리카드
2012.04.01 11:42
CSS3를 지원하는 웹 브라우저(IE 계열을 제외한 모든 웹 브라우저)에서는
화면 해상도에 맞춰서 배경 이미지의 크기를 조절할 수 있는 속성이 있습니다.
(IE 계열은 Internet Explorer 9만 사용할 수 있는 속성입니다.)
css에서 아래와 같이 background-size:cover 속성을 적용해주시면 됩니다.
background: url(배경 이미지 파일이름) no-repeat center center fixed; background-size: cover;
이와 관련된 내용은 HTML & CSS를 참고하시면 될 것 같습니다.
그럼 조금이라도 도움이 되시길 바라며 줄입니다. ^^
body { background:#ffffff url(../img/custom/bg.jpg) no-repeat center top; background-attachment: fixed;}
이부분을 수정하니 배경이 이상해지는 현상은 수정했습니다.
근데 모니터마다 배경이 자동으로 늘어나서 채워지느 기능이 있으면 알려주세요