0

残念ながらIE6を含む複数のブラウザーで動作する必要があるWebサイトに取り組んでいます。

Chrome、Safari、および FF で美しく機能するボタンに引き戸技術を使用していますが、IE6 では画像が完全に見えません。さらに奇妙なのは、すべての画像ではなく、ボタンの背景だけだということです。実際のボタンに配置したアイコンはうまく表示されます。理由はありますか？

HTML:
    <a id="re" href="#" class="button"><span><span class="resolved">Mark as Resolved</span></span></a>


CSS:
  a.button
  {
   background:transparent url(images/normal_end.png) no-repeat scroll top right;
   display:block;
   float:left;
   height: 32px;
   padding:3px;
   padding-right: 5px;
   margin:4px;
   text-decoration:none;
   color:#555;
   font-weight:normal;
   width:100px;
   font-size: 15px;
  }
  a.button span 
  {
   background: url(images/normal.png) no-repeat;
   display:block !important;
   line-height:22px;
   padding:0 5px 0 5px;
  }
4

1 に答える 1

0

IE6 では png 画像に問題がありますが、画像を div の背景として配置できます。

<body>  
<div class="imageyouneed"></div>  
</body>

<style>  
body {background-color:#000}  
div.imageyouneed {background:url(flower-transparent.png) no-repeat; height:100px;width:100px}  
</style>

<!--[if gte IE 5]>  
<style type="text/css">  
  div {  
  background:none;  
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='flower.png',sizingMethod='crop');  
  }  
</style>  
<![endif]-->

縦横は画像のものですのでご了承ください。

于 2012-06-14T08:58:57.463 に答える