웹마스터 팁

  2. Support
  3. 웹마스터 팁

배경그림 고정하기

2002.08.28 15:53

티투

back.jpg
스크롤바가 생겨도 배경그림이 고정되게 하는 방법에 대해 이야기 하겠습니다.

스타일이용해서 고정하는 방법은 원하는 위치에 고정이 되겠지만 일반적으로
배경그림이 움직이지 않게만 하길 원할 때는 스타일보다 간단한 방법이 있습니다.

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같은 경우에 오른쪽에 고정하는건 안되는 걸로 알고 있거든요

꼬리 : 웁! 그림에 오타가... 귀찮아서 안고치겠음 ㅠㅠ;
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기