css 속성중 background 사용법에 대한 질문입니다
별하
바디의 백그라운드를 일정한 위치에서 x축으로 반복을 할려고 합니다
body style=background:url(back.gif) repeat-x;
여기서 어떤 속성을 더 놓으면 제가 원하는 위치에서 반복을 할수있을까요
마진이나 패딩으로는 바디 자체가 움직이더라구요
포지션이라는 속성은 있는데 어떻게 적용되는지 잘 모르겠구...
x축으로 100px지점부터x축으로 무한 반복하게 할려면.... 어떻게 해야 하는지 알려주세요 여러분
그럼 수고하세요 ^^
-
참없다
body부분에서는 제가 한게 left가 님 말씀대로 되네요.. 제가 확인도 못해보고 말씀드려서 죄송-_-;;
body style=\margin:0;\
div style=\background:url(/../images/main-notice-title.gif) repeat-x left 10px; height:50px; margin-left:10px\
/div
/body
이렇게 하면 되기는 하는데 의도가 이게 아닌듯 해서 ;;
전체 소스를 div로 묶어서 -
널위해
repeat-x 10px 10px을 하면 이미지의 10px부분부터 반복하고 탑부분은 10px공간이 생성됩니다 repeat-y 10xp 10px하면 이미지의 10px부분부터 반복하고 레프트 부분에서 10px공간이 생성됩니다 레프트와 탑부분을 같이 여백을 주고 이미지를 반복 할수는 없는건가요?
-
ChocoHoilc
원하는 위치에서부터 반복은 불가능하죠-
-
보슬
repeat 이란건 x repeat 했을때 시작점 부터 오른쪽으로 가는게 아니라 단지 수평방향으로 퍼지는 것입니다
저는 저런 경우에 이미지 자체를 띄어지게 만든후 가로로 3000px정도 만들어버립니다
물론 가로로 3000px 이상의 창을 켰을땐 제대로 표현이 안되겠지만 그럴일은 거의 없으므로 큰 문제는 없는것 같습니다.
사이트 전체의 배경이 아닌경우라면 해당 부분 div를 margin을 이용해서 띄우면 될것 같습니다~ -
벛꽃
body style=\background:url(back.gif) repeat-x left top;\--left와 top부분에 필요한만큼 간격을 주면 원하는 위치로 갈거예요~
-
바나나
스타일에서 예) #wrap{ background:url(../img/sub/title_bk01.gif) 100px 0 repeat-y;}이렇게해주면 바탕에 이미지가 깔리던데요.. repeat-y세로반복 repeat-x가로반복.. 전 이렇게하니까 먹든데..