Question

我有一个透明的图像，想要填充一些颜色作为背景。这是图像：

填充红色后：我想只让汽车的背景变红，而不是正方形。这是我的css：

 #loader-img{
 background:red;
}

这是完整的HTML：

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Loader</title>
    <style>
        #loader-back{
            position:absolute;
            width:100%;
            height:100%;
            background : url('../content/img/loader-background.png');
            top: 0;
            left: 0;
        }
        #loader-img{
            position: absolute;
            top: 50%;  
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform:translate(-50%, -50%);
            background:red;
        }
    </style>
</head>

<body>
    <div id="loader-back">
        <img src="~/content/img/loader.png" id="loader-img" />

    </div>
   </body>
</html>

Answer 1

在阅读您的问题时，这里是您的代码，要更改背景色，您可以将金色更改为所需的任何颜色

<img src="https://www.pinclipart.com/picdir/big/18-187351_laser-clipart.png" style="background-color:gold;">

用背景颜色填充透明图像

1 个答案: