日期:2014-05-17  浏览次数:20690 次

急·求助~!css sprite用png做,ie6的怎么用滤镜显示正常
在火狐下浏览都很正常了,但是在ie6里看png就出问题了不是透明的了,用滤镜就更郁闷了是整张图片读入,完全就乱了
这个到底要怎么做定位啊

------解决方案--------------------
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容ie6,ie7以及firefox的css透明滤镜,文字不继承其透明属性</title>
<style type="text/css">
#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); *background:#f00; filter:alpha(opacity=10); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;}
#container *{ position:relative;}
</style>
</head>
<body>
<div id="container">
     <span>我是内容我是内容我是内容我是内容我</span>
    </div>
</body>
</html>
至于透明的png在ie6中是否有效还不清楚

------解决方案--------------------
如果是IE6下png图片的灰色背景的话,可以这样写
style="background: url('../images/index/giftContentBg1.png');*background: none;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='../images/index/giftContentBg1.png');"