当前位置: 代码迷 >> 跨浏览器开发 >> 急·css sprite用png做,ie6的如何用滤镜显示正常
  详细解决方案

急·css sprite用png做,ie6的如何用滤镜显示正常

热度:4155   发布时间:2013-02-26 00:00:00.0
急·求助~!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');"