Weebly登陆页面中的透明PNG

Question

我正在为在他们学校举办MUN的客户建立一个信息网站。我正在使用Weebly，因为客户希望能够自己控制他们的数据，所以他们需要一个简单的界面。在主页上，我使用着陆页格式让MUN徽标浮动在背景图像上。

正如您所看到的，徽标中有一个丑陋的白色背景。我尝试通过编辑PS中的JPG，删除背景并保存为PNG来解决此问题。然后我上传了PNG：

并将其写入网站的CSS中，如下所示：

.landing-page #banner {
    padding: 0;
}

#bannerleft {
    float: right;
    width: 400px;
}

.landing-page .wsite-header {
    width: 400px;
    height: 300px;
    background: url(logo.png) no-repeat;
}

然而，尽管图像是具有透明背景的PNG，但网站上的图像仍然具有白色背景。图像中的微小变化是显而易见的，所以我知道所选择的PNG已经渲染，但背景保持不变。我怀疑它与图像背后的容器有关。

如何使用PNG透明度通过徽标显示背景图片？