2010-05-04 3 views
2

그래서 기본적으로 우리는 배경 이미지 (빨간색)을 가지고 있고 우리는 그것이 CSS에 다음과 같은 반복합니다 :배경 이미지를 세로로 반복 할 수 있습니까? 하지만 CSS를 사용하여 오른쪽으로 만 수평 적으로 확장 할 수 있습니까?

alt text http://img260.imageshack.us/img260/4417/repeat.png

그래서 나는 그것이 상단과 왼쪽으로 반복하고 싶지 않아요.

+1

아마도 내가 오해하고 있지만, 기본값이 아닌가요? 'background-repeat'은 변경하지 않는 한'repeat'로 설정되어 있습니다. 두가지 방법을 반복합니다. –

+1

나는 그 질문을 이해하지 못합니다. 왼쪽 상단에 한 행만 반복하고 싶습니까? 이 경우 배경을 두 가지 요소로 나눌 필요가 있습니다. – ghoppe

+0

이미지를 사용하여 원하는 것을 설명하면 도움이 될 수 있습니다. 적어도 @Michael Mrozek 및 @ghoppe와 같은 질문에 혼란 스럽습니다. –

답변

5

정확하게 이해하면 이미지의 한 행과 한 열만 반복하면됩니다. 이것은 CSS3 Multiple Backgrounds으로 수행 할 수 있습니다.

현재 WebKit 기반 및 KHTML (Konqueror) 브라우저 만 지원합니다.

body { 
     background: url(myimage.png) top left repeat-x, 
        url(myimage.png) top left repeat-y; 
} 

난 당신이 정말로 원하는 것에 대해 매우 혼란 스러워요 있지만, 나는 여러에게 CSS 위치하여 원하는 각각의 서로 다른 배경을 가지고있는 방법을 배열 div 요소를 사용해야한다고 생각, 말했다.

편집 : 내 사진이 내 사진이 원하는대로 거꾸로 보이는 것 같습니다. 어쨌든, 내 충고가있다. 두 개의 div 요소를 사용하거나 margin-left을 사용하여 원하는 배경 요소를 이동하지 않는 이유는 무엇입니까? 문서의 구조를 다시 생각해보십시오.

+0

오, 하느님, 누군가 그것을 얻었습니다. 나는 영어 문법을 공부해야만한다. – alexchenco

+0

@ janChen, 나는 기꺼이 당신이 기꺼이 계속 설명하고 기꺼이 설명하려고 노력했기 때문에 기쁩니다. –

1

물론 (미안 해요는 ASCII 예술에 빨아). background-repeat 속성을 repeat으로 설정하기 만하면됩니다. 나는 이것이 디폴트 값이라고 확신한다.

here을 참조하십시오.

+0

하지만 왼쪽과 위쪽에도 반복하지 않을 것입니까? – alexchenco

+0

예.하지만 기본적으로 배경 이미지는 해당 요소의 왼쪽 상단 모퉁이에서 시작되기 때문에 더 이상 왼쪽과 위로는 없습니다. 정확하게 당신이 원하는 일에 대해 좀 더 구체적으로 설명해 주시겠습니까? – Syntactic

+0

사실, 우리가하는 일의 실제 HTML 구조를 볼 수 있다면 좋을 것입니다. – Syntactic

1

1, 2, 3, 4, 7 등의 위치에 이미지가 있다고 가정합니다. 맞습니까?

1 2 3 
4 5 6 
7 8 9 

그렇다면 해당 CSS 규칙은 없습니다. 배경을 원하는 곳에 요소를 배치하기 위해 마크 업을 변경해야합니다. z-indexposition:relative이 유용 할 것입니다.

1

아니요, "반복"길 찾기가 두 가지로 진행됩니다. 오른쪽으로 반복하면 왼쪽으로도 반복됩니다. 위아래와 동일합니다. 가장 좋은 방법은 적절한 크기의 div에 배경을 래핑하는 것입니다. 그러나 정확한 요구 사항에 따라 다릅니다.

관련 문제