css透明滤镜之兼容问题
发布时间：2024-12-13 点击：26
本例是一个兼容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>
以上实例供参考!
网站设计怎样让用户感觉更舒服
企业要不要进行响应式网站设计制作
制作网站时不要忘了额外制作sitemap
网页制作:建站中网页规划准则
企业建站一站式解决方案，让客户放心
互联网产品前期设计方法，一个产品经理眼中的TeamCola信息结构
聊城百度快照所谓百权阐明
提高新品宝贝流量的方法!
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>
以上实例供参考!
网站设计怎样让用户感觉更舒服
企业要不要进行响应式网站设计制作
制作网站时不要忘了额外制作sitemap
网页制作:建站中网页规划准则
企业建站一站式解决方案，让客户放心
互联网产品前期设计方法，一个产品经理眼中的TeamCola信息结构
聊城百度快照所谓百权阐明
提高新品宝贝流量的方法!
上一篇：网络营销概述
下一篇：实体店小程序如何运营