0

我正在开发一个需要跨多个浏览器工作的网站，不幸的是还包括 IE6。

我正在对按钮使用滑动门技术，该技术在 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 回答