数据uri同时使用颜色

Question

我想知道是否有办法同时拥有数据uri和颜色的背景。最初，我有这样的背景......

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

我希望我的数据网址图片的css颜色高于#222

可能吗？

更新： 我为有意回答此问题的所有人道歉。我犯了一个小错误，没有替换数据uri代码而不是图像路径

由于

Answer 1

是的，您可以使用color + 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>

Answer 2

您可以使用不同的背景属性：

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

在此处查看更多信息： http://www.w3schools.com/css/css_background.asp

Answer 3

您可以使用逗号分隔值在css背景属性中定义。

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