2011-04-20 2 views
0

설명해 드리겠습니다.하나의 배경 이미지가있는 단일 div를 별도의 섹션에서 반복 할 수 있습니까?

저는 main이라고하는 하나의 div가 있습니다. 이 div에는 h1 태그와 p 태그가 있습니다.

div 상단에는 그라디언트가 있습니다. 아래로 내리면 이미지가 테두리가있는 흰색으로 희미 해집니다 (즉, 반복하지 않고 #FFF를 배경색으로 사용할 수 없음).

따라서 매우 큰 이미지를 만들지 않고 새 div를 만들지 않고 영원히 흰색 섹션을 유지할 수 있는지 궁금합니다.

참고 : h1 및 p 태그는 투명합니다.

+0

, 당신의 테두리 이미지에? – Andre

+0

'border'속성을 사용하여 CSS를 사용하여 경계를 지정할 수 없으며, 왼쪽에서 오른쪽으로가는 등 그라데이션이 적용됩니다. –

답변

1

예 ...이 예제를 참조하십시오. 당신은 그것을이 방법을 수행 할 수 있습니다 http://techknack.net/css-trick-two-background-images/

.. 당신은 의미

#id_test{ 
background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmode_inverted.gif); 
} 
+0

두 가지를 모두 테스트하고 어떤 것이 나를 가장 잘 볼 것인지 (보기, 수정, 마크 업 등)를 할 것입니다. 고마워. 그리고 그들이 나를 위해 일하는 방법을 볼 수있을거야. –

+0

추가하려면, 나는 당신이'background-position : top, bottom; background-repeat : no-repeat, repeat-y;'더 나은 UI를 위해서 –

관련 문제