css - 透明背景问题 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 具有对 alpha 透明度的原生 PNG 支持，但是一旦不透明度出现在图片中它就会崩溃

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

 background:url(blank.gif);

或

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

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