Question

我不知道如何将播放器图片上的背景颜色设为蓝色。

我试过了：

css：background-color: transparent blue

以下是该页面的链接：

Homepage

有人可以教我吗？我是否需要使用photoshop并将其设为蓝色？

更新：

我指的是带有播放器图标的图片。

Answer 1

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

Answer 2

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

例如：

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

css透明图像上的背景颜色

2 个答案: