透明PNG不呈現爲透明？

我將圖像保存爲透明png，但我無法做的事似乎可以解決它！？！有任何想法嗎？？？透明PNG不呈現爲透明？

它應該是這樣的：

這裏是GIMP圖像的副本顯示，這是完全透明的：

最後，一些很好的舊代碼：

標記：

<form class="search" action="search.php"><input class="search" type="text" name="search" id="searchbox"/></form>

搜索框CSS：

.search, .search:active, .search:focus, .search:visited { 
    position: absolute; 
    color: #fff; 
    top: 3px; 
    width: 368px; 
    right: 9%; 
    font-size: 28px; 
    z-index: 3; 
    border-radius: 20px; 
    /* box-shadow: inset -2px 0px 1px rgba(0,0,0,.8); */ 
    text-indent: 10px; 
    text-shadow: 0px -2px 3px rgba(0, 0, 0, .7); 
    background-color: #00D4C7; 
}

搜索圖標CSS本身：

Pseudo ::before element 
.search:before { 
    content: ""; 
    position: absolute; 
    top: 7px; 
    left: 268px; 
    background-image: url("images/icon-search.png"); 
    background-color: rgb(0, 185, 171); 
    width: 46px; 
    height: 30px; 
    z-index: 4; 
}

注：如果我從表單中刪除類搜索，它刪除了我的圖像，如果我從輸入元素中刪除了類搜索，它仍然以我的圖像上那種質樸的陰影渲染出來你的想法？

編輯1：如果按照建議的方式設置圖像的顯式尺寸（正如我對其他沒有問題的僞元素所做的那樣），它不能解決我的問題。我已經提交了項目，所以在這一點上，我想知道發生了什麼以及如何解決這個問題。我使出了CSS破解，改變亮度，以更匹配[帶着淡淡的輪廓仍然]