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

Question

我无法放置带有绿色背景的透明白色信封图标。我不明白发生了什么，因为它与电话图标配合得很好。

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

我已经尝试了大约 10 张不同的图片，但没有一张有效。

'''

    <aside class="phone">
        <a href="mailto:[e-mail]"><img src="../C&C/img/kisspng-paper-black-and-white-envelope-5a7b1ac9f163b2.4908982415180172259887.jpg" width="18" height="18"> [e-mail]</a><a href="tel:[phone]"><img src="../C&C/img/Call-Icon.png" width="18" height="18"> [phone]</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>  

'''

标签： javascripthtmlcss

Answer 1

我确实尝试了多个 png 图像，但它们也没有工作。:(