我的png文件没有显示在我的网站上

Question

我的ribbon.png和logo.png在我的网页上都有一个破碎的图标，而我的fade.png是完美的。我有正确的道路，所以我有点难过。我还应该说，3中的区别在于我那里的那些2我删除了背景，只有功能区和徽标显示，后面是透明的，不确定我是否需要为此添加特殊代码。我真的没有HTML练习，所以任何人都有提示？

html
<img src="ribbon.PNG" alt="Ribbon Picture" width="270" height="573" class="ribbon" style="height:auto " >
 <img class="logo" src="logo.PNG" alt="Logo" style="height:auto " />


css
div.fade{
position: relative;
z-index: 1;
height: 1400px;
width: auto;
top: 200px;
background-image: url("fade.png");
background-repeat: repeat-x;

}
img.ribbon{
position: absolute;
top: 600px;
left: 20px;
width: 229px;
}
img.facebook{
    position:absolute;
    top: 418px;
    left: 940px;

    }   

img.logo{
    position: absolute;
    top:20px;
    left: 250px;