一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载 AI头条

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > css教程 > 常用代码

推荐专题

最新下载

热门教程

兼容IE6浏览器CSS背景半透明实例

时间：2022-06-25 09:34:53 编辑：袖梨 来源：一聚教程网

这里用到了IE的filter的滤镜效果，background:rgba是CSS3属性，大家都知道。
最后一句是针对IE9的。用了结构性伪类 E:root : {attribute} , 伪类:root 仅支持CSS3的浏览器 ，所以这段CSS是兼容所有浏览器的。

核心代码

 代码如下 复制代码

#header{
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E518515F', endColorstr='#E518515F');
background:rgba(24, 81, 95, 0.9);
}
:root #header { filter:none; }/*把IE9的filter去掉，因为IE9也支持background:rgba()，所以去掉filter，不然会导致重复*/

实例

 代码如下 复制代码


 

 
       
 
               
 
                <br />   <br />                         IE背景半透明 <br />   <br />                
 
               
 
       
 
       
 
               


 
                        文字文字
 
               

 
       
 

root20130815

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理