Каков правильный сокращенный синтаксис при использовании нескольких фоновых изображений / градиентов CSS?
Мне нужно прикрепить несколько элементов к элементу с помощью 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 );
не работает.