2012-10-31 5 views
0

div에 두 개의 배경 이미지를 배치하는 데 CSS를 사용하는 데 문제가 있습니다. 첫 번째 이미지는 투명하고 둥근 모서리가있는 상자의 상단입니다. 다음은 rouded corners가없는 동일한 이미지의 몸체에서 단지 10px 크기입니다. 내용에 관계없이 페이지의 맨 아래까지 Y 축을 반복하면서 첫 번째 이미지를 위쪽과 다음 이미지 바로 뒤에 넣고 싶습니다. 누군가가 CSS로 나를 도울 수 있습니까? 내가 그것을 시도 할 때마다, 두 번째 배경 이미지가 첫 번째 이미지를 덮고 콘텐츠가 없으면 반복하지 않습니다. 덕분에콘텐츠 div에 대한 여러 배경 이미지

답변

0

이 문제를 해결하려면 div의 height 속성을 사용해야합니다. 프로퍼티를 설정하지 않으면 이미지가 다른 것의 위를 감쌀 것이고 이것은 현재 직면 한 문제입니다.

다음 링크를 참조하면 여러 가지 옵션이 표시됩니다. 이 도움이

Can I have multiple background images using CSS?

희망 ... 나는 다음과 같은 CSS 코드의 모든 것을 가진 첫번째 이미지를 추가 할 때 좋은 찾고했지만 내가 두 번째 이미지를 추가 할 때 두 이미지가 표시되지 않는

+0

좋아? '.content { \t 신장 : 100 %; \t 너비 : 822px; \t margin-left : 자동; \t margin-right : 자동; \t 배경 이미지 : url (../ images/body/main_top.png), url (../ images/body/main.png); \t background-repeat : no-repeat, repeat-y; \t \t } '어떤 아이디어입니까? –

+0

페이지의 너비와 높이를 가진 하나의 main div를 시도하십시오.이 main div do 2 child divs A, B 안에 있습니다. 몸에 둥근 모서리 B가 있습니다. A의 고정 높이를 설정하고 B 높이를 Auto로 둡니다. – pibcat

+0

은 다음과 같습니다 :

.. 그런 것 같아요. ur 이미지 너비는 822px입니다. div A의 배경 이미지를 모서리 1로 설정하고 다른 이미지를 B .... 배경 이미지로 설정합니다. 그것을하는 방법 .. 희망이 대답 u 찾고 .. Logged – pibcat