웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크롤바가 생겨도 배경그림이 고정되게 하는 방법에 대해 이야기 하겠습니다.
스타일이용해서 고정하는 방법은 원하는 위치에 고정이 되겠지만 일반적으로
배경그림이 움직이지 않게만 하길 원할 때는 스타일보다 간단한 방법이 있습니다.
body background="그림경로" 뒷부분에
bgproperties="fixed"라고 써 주시면 됩니다.
<body background="123.gif" bgpropertie="fixed">
위와 같은 형식이 되겠지요.
--------------------------------
'배경'이라는 단어로 검색하면 나오지만
스타일을 이용해서 배경그림을 고정하는 방법은
<head>와 </head>사이에 아래 부분을 써주시면 됩니다.
보통, 제로보드 투명스킨을 제작할때 오른쪽 아래에 배경그림을 고정시키는 방법으로 사용하지요.
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
-------------------------------
장단점이 있겠지만 두개의 차이점을 발견했는데요 ^^;
그림을 참고로해서 필요한 기능을 골라서 사용하시면 될 것 같습니다.
위에서 설명한 bgproperties같은 경우에 오른쪽에 고정하는건 안되는 걸로 알고 있거든요
꼬리 : 웁! 그림에 오타가... 귀찮아서 안고치겠음 ㅠㅠ;
배경그림 고정하기
2002.08.28 15:53
스크롤바가 생겨도 배경그림이 고정되게 하는 방법에 대해 이야기 하겠습니다.
스타일이용해서 고정하는 방법은 원하는 위치에 고정이 되겠지만 일반적으로
배경그림이 움직이지 않게만 하길 원할 때는 스타일보다 간단한 방법이 있습니다.
body background="그림경로" 뒷부분에
bgproperties="fixed"라고 써 주시면 됩니다.
<body background="123.gif" bgpropertie="fixed">
위와 같은 형식이 되겠지요.
--------------------------------
'배경'이라는 단어로 검색하면 나오지만
스타일을 이용해서 배경그림을 고정하는 방법은
<head>와 </head>사이에 아래 부분을 써주시면 됩니다.
보통, 제로보드 투명스킨을 제작할때 오른쪽 아래에 배경그림을 고정시키는 방법으로 사용하지요.
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
-------------------------------
장단점이 있겠지만 두개의 차이점을 발견했는데요 ^^;
그림을 참고로해서 필요한 기능을 골라서 사용하시면 될 것 같습니다.
위에서 설명한 bgproperties같은 경우에 오른쪽에 고정하는건 안되는 걸로 알고 있거든요
꼬리 : 웁! 그림에 오타가... 귀찮아서 안고치겠음 ㅠㅠ;
댓글 5
-
Nytoner
2002.08.31 18:25
-
행복한고니
2002.09.19 14:05
예전에 어디서 봤는데, 배경그림을 고정하면 로딩속도가 조금 더 빨라진다네요~ *^^* -
권순현
2003.02.10 19:33
GG^^; -
체리★
2003.02.19 14:49
정말 유용하게 잘 썼어요^^ 감사합니다! -
Dredroad[炫]
2007.01.14 22:53
정말 감사합니다!
그런데 HTML 태그보단 CSS 사용법 카테고리에 맞는 것 같아서 수정을 하였습니다 ^^