透明图像上的css背景色

我不知道如何使我的球员形象的背景色是蓝色的

我试过：

css:

背景色：透明蓝色

以下是该页面的链接：

有人能教我吗？我需要使用

photoshop

并将其变成蓝色吗

更新：

我指的只是上面有播放器图标的图像。

将此添加到css中：

.fancy_video img {
    background-color: #33d;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

对于IE9+，仅适用于@showdev建议的透明背景：

.fancy_video img {
    background-color: rgba(51,51,221,.5);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

---

不能让html元素同时具有背景图像和背景颜色（在CSS中）。因此，实现目标的最简单方法是使用CSS中的不透明度或RGBA，使一个元素直接位于带有蓝色色调的图像顶部

例如：

[http://jsfiddle.net/wyj3oj93/]

---

+一个很好的解决方案。对于透明度，我建议

背景色：rgba（51,51221,5）

@jkushner答案正好针对上面有玩家图标的图像：）@showdev可以工作，但它在圆上形成一个正方形。我如何将它直接包含在圆圈中？功劳归于阿贝尔，而不是我。你是在评论另一个答案吗？作为参考，这里有一个例子。我添加了一个

：hover

状态，只是为了好玩。