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透明圖像的背景顏色

回答

相關問題