Можно ли иметь один div с 1 фоновым изображением, повторяющимся на отдельных участках?

Question

Позвольте мне объяснить.

У меня есть один div, называемый main.В этом разделе вы найдете теги h1 и p.

В верхней части блока расположен градиент.Внизу изображение станет бледно-белым с рамкой (то есть у меня не может быть просто повтор, а затем #FFF в качестве цвета фона).

Поэтому мне было интересно, можно либелая секция, чтобы продолжаться вечно без создания очень большого изображения и без создания нового div.

Примечание. Теги h1 и p будут прозрачными.

Answer 1

Да, это так ... см. Этот пример. http://techknack.net/css-trick-two-background-images/

Вы можете сделать это так же ..

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