태그♡소스방

[태그]원하는 곳에 배경 그림 고정시키기

탤런트 2007. 1. 25. 15:44

[왼쪽 아래 배경그림 고정 소스]

 

ⓗ<style> body { background-image:url("배경그림주소"); background-attachment: fixed; background-repeat: no-repeat; background-position: left bottom ; } table { background-color: transparent; } td { background-color: transparent; }</style>ⓘ

 

.................................................................................................................................

 

[설명]


url 은 배경그림의 경로 및 이름
no-repeat는 배경그림을 반복시키지 않음 (repeat-x 는 가로로 반복, repeat-y는 세로로 반복)
fixed는 스크롤바를 내려도 배경그림이 한 자리에 계속 멈춰 있게 고정

leftt bottom는 배경그림의 위치입니다. 아래의 보충설명을 참고로 위치를 바꾸시면 됩니다.

20% 30% 이런 식으로 % 지정도 가능합니다.
300px 200px 이런 식으로 숫자만 적어서 픽셀 단위로 지정해 줄 수도 있구요.

배경그림 고정시키는 방법은 dhtml에도 html에도 있습니다. 서로 장단점이 있으니 비교해 보세요.

 

 

[보충설명]

------------------------------------------------------------------------------------

       left top  (왼쪽 위)        l      center top(중앙 위)         l    right top(오른쪽 위)

------------------------------------------------------------------------------------

    left center (왼쪽 가운데)  center center (중앙 가운데)  l  right center (오른쪽 가운데)          

------------------------------------------------------------------------------------

    left bottom (왼쪽 아래)     l   center bottom(중앙 아래)   l  right bottom (오른족 아래)

------------------------------------------------------------------------------------