2014-05-17 3 views
0

한 페이지에 두 개의 배경을 설정하는 데 문제가 있습니다. 이보고 해야하는 방법입니다배경이 여러 개인 경우

enter image description here

내가 CSS로 주위를 해본 적이 표시 만이 회색 bg.png 파일이기 때문에 아무것도, 작동하지 않습니다 :

#kontakt { 
    background: url(../images/bg.png), url(../images/IMG_1340.jpg); 
    background-position: ; 
    background-repeat: reapeat-x, no-repeat; 
    } 

그것이 가능 내가 의도 한 것처럼 페이지를 두 개로 나눌까요? 고맙습니다. 나는이 CSS를 사용하는 경우

는 :

background: url(../images/bg.png), url(../images/IMG_1340.jpg); 
background-position: left top, right top; 
background-repeat: repeat-x, no-repeat; 
} 

결과는 이것이다 :

enter image description here

+1

** 반복-X 또한 **하지 ** reapeat-X ** , http : //stackoverflow.com/questions/13467830/css3-multiple-backgrounds-one-repeating-in-ul? rq = 1 – Maxzeroedge

+1

[This] (http://www.css3.info/preview/multiple)을 확인하십시오. -backgrounds /) 웹 페이지. –

답변

1
#kontakt { 
background: url(../images/IMG_1340.jpg), url(../images/bg.png); 
background-position: right top, left top; 
background-repeat: no-repeat, repeat; 
} 
+0

좋아, 나는 그것을 시도했다. 방금 편집 한 원본 게시물에서 결과를 볼 수 있습니다. 사진은 페이지의 절반 이상을 차지합니다. – bijoume

+1

상단의 이미지가 첫 번째 URL의 이미지입니다. 기본적으로, repeat-x는 bg.png가 수평으로 만 반복되도록하며 크기가 작아서 아래 이미지를 볼 수 있습니다. 코드를 조금 편집했는데 [background-position] (http://www.w3schools.com/cssref/pr_background-position.asp) 및 [background-size] (http : /www.w3schools.com/cssref/css3_pr_background-size.asp) – Maxzeroedge

+0

감사합니다. Maxzeroedge – bijoume

관련 문제