백그라운도 이미지의 고정
다가
1번째 이미지가 풀브라우징 시켰을때고요, 2번째 이미지는 화면을 줄이면 나타나는 현상입니다.
백그라운드로 설정을 해놨는데.
background-image:url(../images/main/main_bg_be1009.jpg);
background-repeat:no-repeat;
background-position:50% 100%;
로 고정도 시켰지만 화면을 줄일때 같이 백그라운드가 줄어버리네요.. 원래 그런건가요 아니면 다른 방법을 사용해야하나요?
-
꺆잉
너무감사드려요^^
-
도래
그러면 첨부파일을 올려놓을까요? 올려놓았어요...
-
BabySue
body 에 넣어도 안되나요? 아래 속성을 추가해보세요.
html,body{height:100%;}
그래도 안된다면 주신 내용만으로는 알기 어렵습니다. -
네코
그래도 안되요...ㅠㅠ
-
터큰
아래 내용을 추가해보시고, 그래도 안된다면 배경이미지를 body 에 넣으세요.
#main_wrap:after{content:';display:block;clear:both;} -
예그리나
네.. 그건 알고있고요.. ㅎㅎ 영역을 전체 영역에다가 bg로 준거거든요.
#main_wrap{width:100%; height:100%; margin:0 auto;
\tbackground-image:url(../images/main/main_bg_be1009.jpg);
\tbackground-repeat:no-repeat;
\tbackground-position:50% 100%;
}게요.. -
YourWay
이미지만 봐서는 문제 원인을 알기 어렵네요.
배경이미지가 들어간 영역이 어떻게 잡히고 있는지 확인을 해봐야 합니다.
작성한 css는 문제가 없으며 아래와 같이 한줄로 축약할 수 있습니다.
background:url(../images/main/main_bg_be1009.jpg) no-repeat 50% 100%;