css透明滤镜之兼容问题
发布时间：2025-07-24 点击：6
本例是一个兼容ie6/ie7/ie8和火狐浏览器的 css实现半透明层效果，之前本人也遇到过这样的问题，就是把一个层设置半透明后，内的文字也跟着半透明了，一直没找到合适的解决办法，今天看到dushuwu.net有一篇文章解决了这个问题，但有一点，发现在filter前边多加一个星号，多加个星号是为了让ie6和ie7执行，火狐和 ie8就不执行了，火狐本身来讲就不支持ie特有的滤镜功能，所以这里没必要再加星号。还有就是不支持ie8浏览器，经过研究，查阅大量资料，终于找到解 决办法了，下面分享出来。
css用到的\9是css hack的写法，是为了兼容不同的浏览器而使用的
源代码：
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//enhttp://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透明滤镜，｜dushuwu.net</title><style type=text/css>#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); background:#f00\9;filter:alpha(opacity=20); 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>
以上实例供参考!
网络营销的内容有哪些
建设企业网站都是有哪些问题需要特别注意呢？
成熟的建站公司应该具备哪些“零件”
电子商务网站如何不断调整与时俱进
企业建设好网站后期应该如何运营来确保网站排名
网站建设网站建设的基本流程是什么？如何建立网站呢？建设大型视频网站需要的资金量
平台门户网站建设流程(门户网站的建设公司)
集团建设网站应注重哪些
css用到的\9是css hack的写法，是为了兼容不同的浏览器而使用的
源代码：
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//enhttp://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透明滤镜，｜dushuwu.net</title><style type=text/css>#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); background:#f00\9;filter:alpha(opacity=20); 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>
以上实例供参考!
网络营销的内容有哪些
建设企业网站都是有哪些问题需要特别注意呢？
成熟的建站公司应该具备哪些“零件”
电子商务网站如何不断调整与时俱进
企业建设好网站后期应该如何运营来确保网站排名
网站建设网站建设的基本流程是什么？如何建立网站呢？建设大型视频网站需要的资金量
平台门户网站建设流程(门户网站的建设公司)
集团建设网站应注重哪些
上一篇：浅析网站改版应注意的事项
下一篇：上海网站建设开始重视新的方向