透明背景問題IE8，IE7

Question

爲我的菜單使用圖標（.png透明背景）。 IE9，Chrome，Firefox，safari，opera都沒有任何問題。但是如果我用IE7或IE8打開頁面，圖片周圍會出現黑色邊框。 CSS代碼;

.menu-item1{ 
    background:url(img/spriteimage.png) no-repeat 0 0; 
    height:20px; 
    width:20px; 
    opacity:0.5; 
} 

我該如何解決這個問題？

Answer 1

IE7和IE8有字母透明PNG原生支持，但它不透明度到圖片

嘗試編造一個背景圖像或將其設置爲一個blank.gif，而不是使之儘快散花透明。

background:url(blank.gif); 

OR

/* IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

    /* IE 7 */ 
    filter: alpha(opacity=50);