如何解决 .png 背景颜色问题？
Posted
技术标签:
【中文标题】如何解决 .png 背景颜色问题？【英文标题】：How can I solve .png background-color problem? 【发布时间】：2021-08-13 21:00:11 【问题描述】：我添加了两个 png 图像，但我无法更改它们的背景颜色，虽然第一个图像是山图像，但没有同样的问题。 我该怎么办？我该如何解决？ 谢谢...
/* divbackground-color:#caf7e3;
body
margin:0px;
h1
margin:0px;
p
margin: 0px;
classes */
body
background-color: #caf7e3;
.clouds
width: 60px;
height: 100px;
background-color: #caf7e3;
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Y.E.S.</title>
<link rel="stylesheet" href="css\styles.css">
<link rel="icon" href="favicon.ico">
</head>
<body>
<img src="https://themuellenator.github.io/images/mountain.png" >
<img class="clouds" src="https://i.dlpng.com/static/png/4742574-cartoon-cloud-animation-png-clipart-animated-cartoon-animation-cartoon-cloud-png-728_469_preview.png" >
<img class="clouds" src="https://i.dlpng.com/static/png/4742574-cartoon-cloud-animation-png-clipart-animated-cartoon-animation-cartoon-cloud-png-728_469_preview.png" >
<div class="top-container">
<h1>Hı, I am Yusuf</h1>
<p>a programmer</p>
</div>
</body>
</html>【问题讨论】：
在我看来你的云PNG实际上并不透明 codepen.io/Paulie-D/pen/abJwppL 【参考方案1】：那是因为云 png 没有透明背景。要使背景颜色起作用，您必须摆脱背景。你可以使用remove.bg之类的网站
【讨论】：
以上是关于如何解决 .png 背景颜色问题？的主要内容，如果未能解决你的问题，请参考以下文章
如何在将 eps 文件转换为 jpeg 或 png 时更改其背景颜色