透明背景问题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支持alpha透明度,但只要不透明度进入画面就会崩溃

尝试伪造背景图像或将其设置为blank.gif而不是使其透明.

 background:url(blank.gif);

要么

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

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