css透明图像的背景颜色

我不知道如何让我的播放器图像的背景颜色为蓝色。css透明图像的背景颜色

我已经试过：

CSS：background-color: transparent blue

这里是一个链接到页面：

Homepage

有人可以教我吗？我需要使用photoshop并使它变蓝吗？

UPDATE：

我指的仅仅是一个拥有它的玩家图标中的图像。

来源

2014-09-24 jkushner

添加到您的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%; 
}

来源

2014-09-24 00:17:22 Arbel

请参阅我的更新 – jkushner 2014-09-24 00:21:01

+1很好的解决方案。为了透明度，我建议'background-color：rgba（51,51,221，.5）'。 [浏览器兼容性IE9 +。]（http://caniuse.com/#feat=css3-colors） – showdev 2014-09-24 00:22:51

@jkushner答案完全针对具有播放器图标的图像:) – Arbel 2014-09-24 00:23:44

你不能既具有背景图片的HTML元素背景颜色（在CSS中）。因此，要实现目标的最简单方法是在CSS中使用不透明或RGBA的元素，该元素直接位于具有蓝色色调的图像的顶部。

例如：

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

来源

2014-09-24 00:23:10 Alex

css透明图像的背景颜色

回答

相关问题