添加带有html背景的透明图标

Question

我无法放置带有绿色背景的透明白色信封图标。我不知道发生了什么，因为它可以与电话图标正常工作。

侧面问题。：关于在标题顶部应使用什么作为html的任何建议？我已经在标题中创建了徽标和导航栏，并认为在顶部为电话和电子邮件创建另一个会话更为容易，但是这已成为样式的噩梦。

我尝试了大约10张不同的图片，但均无效果。

´´´

    <aside class="phone">
        <a href="mailto:cplusc@gmail.com"><img src="../C&C/img/kisspng-paper-black-and-white-envelope-5a7b1ac9f163b2.4908982415180172259887.jpg" width="18" height="18"> contador@gmail.com</a><a href="tel:+1-303-499-7111"><img src="../C&C/img/Call-Icon.png" width="18" height="18"> (303) 499-7111</a>
    </aside>


    <header>
        <div class="containerHeader">
          <div id="Branding">
            <img src="./img/logo.png.png">
          </div>
          <nav>
              <ul>
                  <li class="current"><a href="index.html">Home</a></li> <!––Current makes the current page have a different colour-->
                  <li><a href="quemsomos.html">Quem somos?</a></li>
                  <li><a href="services.html">Serviços</a></li>
              </ul>
          </nav>                        
        </div> 

    </header>  

´´´

Answer 1

我看到您的信封图标实际上是.jpg，不支持透明。电话图标是.png。我建议您寻找具有透明度的图标。 尝试findicons.com或flaticon.com

Answer 2

是您插入的信封图像。 它是.jpg格式。应该另存为.png。

jpg文件不支持透明度。

欢呼

Answer 3

JPG不允许透明。另一个图标有效，因为它是PNG图像，允许透明。您也应该将png图片用作信封图标。

Answer 4

我确实尝试了多个png图像，但它们也不起作用。 ：（