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

Question

我在放置绿色背景的透明白色信封图标时遇到问题。我不明白发生了什么，因为它与电话图标配合得很好。

附带问题:关于我应该将什么用作标题顶部的 html 的任何建议？我已经在页眉中创建了 Logo 和导航栏，并认为在其上创建另一个用于电话和电子邮件的 session 更容易，但它正在变成一场造型噩梦。

我尝试了大约 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