透明背景在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;
 } 

我该如何修复这个问题？

- midstack

Answer 1

IE7和IE8原生支持PNG透明度，但是一旦不透明度出现，它就会破碎不堪。

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

 background:url(blank.gif);

或者

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

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

- NullPoiиteя