时间戳

首页 > 解决方案 > 如何擦除图像的透明部分

html - 如何擦除图像的透明部分

问题描述

我想在我的网站上添加这张图片，但它看起来像这样。

在此处输入图像描述

如您所见，这张图片是透明的，但您可以在背景中看到灰色和白色的框。

如何删除背景框？

这是我的代码。

.first-cloud{
  width: 10%;
  height: 10%;
  position:relative;
  left: 60%;
}
  <img class="first-cloud" src="https://e7.pngegg.com/pngimages/508/582/png-clipart-cloud-computing-drawing-cartoon-cloud-white-cloud-love-white.png" alt="cloud">

标签： htmlcsstransparency

解决方案

正如其他人已经指出的那样，您使用的图像不是透明的。

这是您从中进行热链接的网站的一项安全措施。如果您继续从网站下载图像，您将获得透明版本。

要下载图像，请按照下列步骤操作：

  1. 转到此链接：https ://www.pngegg.com/en/png-bzgkn
  2. 按下显示“免费下载 PNG”的绿色按钮
  3. 将其保存到您的计算机

推荐阅读