данные об использовании uri с цветом в то же время

Question

Мне было интересно, есть ли способ иметь фон с данными uri и цветом в одно и то же время. Первоначально, у меня есть фон, как это ...

background:#222 url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); 

, и я хочу, чтобы мой URL-адрес данных изображения с цветом CSS выше #222

это возможно?

Обновление:Приносим извинения за недостающее удовлетворение, отвечая на этот вопрос. Я сделал немного ошибка не заменяет код данных URI-вместо пути изображения

Благодаря

Answer 1

вы можете использовать различные свойства фона:

background-color: #222; 
background-image: url('images/arrow.png'); 

см дополнительную информацию здесь: http://www.w3schools.com/css/css_background.asp

Answer 2

вы можете определить в свой фон свойства css значения, разделенные запятой.

background: url('images/arrow.png'), #222; 

Answer 3

Да, вы можете использовать цвет + URL, просто напишите его в правильном порядке:

При использовании сокращённого свойства порядок значений свойств является:

фона цвета фон -изображение фона-повтора background-attachment background-position Не имеет значения, имеет ли значение один из значения свойств, если те, которые присутствуют , находятся в этом порядке.

Example

Css:

.bgnd{ 
    width:100%; 
    height:100px; 
    background: #ccc url("https://jsfiddle.net/img/logo.png"); 
} 

HTML:

<div class="bgnd"></div>