日期:2014-05-17 浏览次数:20738 次
<!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');"