Question

我在这里浏览了很多问题，但没有一个与此查询相关。

我只是想改变背景.png图像的颜色。但它的颜色是不变的。然后，我将.png图像转换为.gif格式＆amp;再试一次。但是这次，.gif图像的颜色也没有改变。

请告诉我为什么图像的颜色不变。以下是代码： -

background-color: #3399FF;
background-image: url("images/diagonal_striped_brick.gif");

Answer 1

图像没有背景透明度。图像的白色背景是纯色，不会让页面的背景颜色显示出来。

您可以使用图像编辑器编辑图像，并尝试将图像的白色背景转换为完全透明。

Answer 2

刚做了demo。您使用的图片是不透明。

更新：如何使图像透明？

现在，上面的代码将能够为您提供所需的效果。

Answer 3

.jpg文件不能透明。为此，使用带有alpha通道的png文件。

有关颜色覆盖在图像顶部的版本，请参阅此example。