前景中的 Transparent-Background-Png 不保留 Angular 组件中的背景透明度

Question

所以基本上我正在创建一个登录页面，我想使用这张漂亮的云图，透明背景覆盖在漂亮的风景之上，这样它们就可以向上滚动。
问题是当我将图像（确实具有透明背景）放入应用程序时，它没有透明背景。
这是它的样子：

html:

<img src="assets/img/tryClouds.png" alt="Clouds" class="clouds">

scss:

.clouds{
      position:absolute;

      background:transparent;
      width:100%;
      height:30vh;
      top:35vh;
      z-index:24;

  }

任何有效的帮助都会让我成为你一生中最忠实的粉丝！！ :D

Answer 1

答案：找到。
工具：带有 .ebs 文件的 Adob​​e Illustrator。
实际问题：与此无关css、js 或 angular

• 一些声称“透明”背景的文件实际上具有模仿透明背景的棋盘格背景。这些文件是从我支付每月订阅费使用的库存图像供应商处下载的。我想出了如何利用这些让我困惑和欺骗我的优秀图像！
  

分辨率：

• 使用 adobe illustrator（我知道，要花钱，但这类事情的好工具，可能是我读过的唯一选择）
  
• 在 illustrator 中打开 .ebs（矢量）照片。
  
• 现在我错了。我会“导出为”，选择 png，然后选择“透明”作为背景。
  
• 问题在于图像本身实际上渗透了这个 imposter 棋盘格。 D:
• 现在，基本上不可能选择和删除这个冒名顶替者 ( |:
• 谢天谢地，如果它是一个高质量的矢量，背景将包含在一个图层中。
  
  
• 单击背景图层，然后单击屏幕截图中圈出的右上角按钮并选择“删除”。
  
  
• 现在你好极了 2 去*puts sunglasses on* ;)