Вобщем решил сделать таким способом как вы написали, но выводится только одна картинка и повторяется до конца. А вот если прописываю ещё no-repeat или позиции как зесь на примере - то картинки фона не выводтся совсем. Потому не могу вывести все три, так как без указания позиций и повторения одна первая картинка перекрывает все остальные. Кто-нибудь знает в чём проблема?
Т.е. когда пишу так:
background-image:
url(../images/dark/mtop.jpg),
url(../images/dark/mbottom.jpg),
url(../images/dark/mmiddle.jpg);
То ясное дело, выводится только первая картинка и автоматом дублируется до конца блока.
А вот если пишу так:
background-image:
url(../images/dark/mtop.jpg) 0 0 no-repeat,
url(../images/dark/mbottom.jpg) 0 100% no-repeat,
url(../images/dark/mmiddle.jpg) -12px repeat-y;
Не выводится никакая, а просто фон по умолчанию.