안녕하세요. 송기석입니다. 

오늘 팁은 전체화면 배경고정입니다.


일반적으로 배경을 지정하면 화면 크기 비율을 조정할 때 크기 변경으로 배경화면의 크기가 같이 변합니다.

전체화면을 사용하지 않는 페이지에서는 배경이 같이 줄어들어도 이상하지 않지만

배경만 전체화면을 사용하는 경우에는 보기 좋지 않습니다.


다음과 같이 css 속성을 주시면 자동으로 화면 크기를 전체로 만들어 줍니다.


html { background: url(배경이미지.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


참고

-webkit- : 크롬, 사파리

-moz-     : 파이어폭스

-o-          : 오페라


감사합니다.