Несколько фонов с CSS3

Question

В данный момент я сталкиваюсь с проблемой, когда всякий раз, когда я пытаюсь использовать несколько фонов, он либо показывает только один, либо ни одного вообще.Когда я добавляю несколько свойств background-repeat для каждого изображения, оно вообще ничего не показывает.Когда я использую только один, он показывает только первый перечисленный фон.

Вот мой код:

box-shadow: 0 0 41px 7px black;
background-image: url(images/journalist/header_bg.gif) no-repeat, url(images/journalist/body_top.gif) no-repeat, url(images/journalist/body_tile.gif) repeat-y;
background-size: 100%;
margin: auto auto;
padding: 20px;
text-align: left;

Вы можете видеть, где я пытаюсь применить его здесь .

Answer 1

Трудно сказать, не видя скрипку или что-то в этом роде, но ваш код использует background-image, но также задает background-позиции, что недопустимо, поэтому вся декларация отбрасывается.

Относительно того, почему она показываеттолько один, когда вы исправите это, я могу только догадываться: может быть, самое верхнее изображение (первое) скрывает все остальное?Может быть, остальные изображения не найдены?