Мне нужно прикрепить несколько элементов к элементу через CSS, и я не могу использовать :before/:after
.
Мне интересно, какой правильный синтаксис использовать несколько фоновых изображений CSS.
Существует несколько предложенных способов, например здесь или здесь, но я не могу получить ни одного из них:
background: url(…) 0 0 repeat, url(…) 5px 5px no-repeat #FFF;
background: url(…) 600px 10px no-repeat, url(…) 10px 10px no-repeat;
для работы.
Это то, что у меня есть:
background-image: rgba(0, 0, 0, 0.4) url("img/icons-18-white.png") no-repeat 0% 50%,linear-gradient( #9ad945, #7eb238 );
который игнорируется. Только когда я поставляю чистый URL-адрес, он работает:
background-image: url("img/icons-18-white.png") , linear-gradient( #9ad945, #7eb238 );
Вопрос:
Я специально ищу способ установить background-size/position/repeat
для каждого изображения, поэтому, если кто-то может указать мне на правильный синтаксис, было бы очень приятно!
ИЗМЕНИТЬ:
Добавив scroll
и заменив background-image
на background
background: rgba(0, 0, 0, 0.4) url("http://code.jquery.com/mobile/1.3.0/images/icons-18-white.png") no-repeat scroll 0% 50%, linear-gradient( #9ad945, #7eb238 );
не работает.