html - 在 Css 中删除图像的背景

Question

我有一个 Logo ，它不是长方形或正方形的。我已经删除了图像的背景。但是当我尝试在 css 中编写一个类时，它显示背景为白色，因为类本身是方形或矩形的。

.logo1{
	max-height: 100%;
	max-width: 100%;
	width:150px;
	height:150px;
	background-size: cover;
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/72/Santipur_B.Ed_College_Logo.png');
	float: left;
}

<div class="logo1"> </div>

现在背景是白色的，所以感觉正确。但是当背景颜色为其他颜色时，图像周围会显示一个方形白框。我想删除 Logo 周围的方形白框。

Answer 1

这里看起来不错。确保图像在您使用它的地方是 png 格式并且背景透明。

body {background: #ff0;}
.logo1{
	max-height: 100%;
	max-width: 100%;
	width:150px;
	height:150px;
	background-size: cover;
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/72/Santipur_B.Ed_College_Logo.png');
	float: left;
}

<div class="logo1"> </div>