css透明图像的背景颜色
问题描述:
我不知道如何让我的播放器图像的背景颜色为蓝色。css透明图像的背景颜色
我已经试过:
CSS:background-color: transparent blue
这里是一个链接到页面:
有人可以教我吗?我需要使用photoshop
并使它变蓝吗?
UPDATE:
我指的仅仅是一个拥有它的玩家图标中的图像。
答
添加到您的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/]
请参阅我的更新 – 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