3

メニューにアイコン（.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;
 }

どうすればこれを修正できますか？

4

1 に答える 1

11

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);
于 2012-12-18T13:07:23.600 に答える