域名注册

• 中文域名
• 英文域名
• 通用网址
• 域名解析
• 域名转入\转出

虚拟主机

• 主机购买
• 管理主机
• FTP上传
• 数据库管理
• 主机续费升级

网站建设

• 建站流程介绍
• 网站设计
• 网站改版
• 网站维护
• 网站推广

企业邮局

• 邮箱使用
• 管理邮箱
• 邮箱续费升级
• 全球邮局

网站优化

• seo优化
• seo技巧
• 收索引擎优化
• 关键词优化

网站备案

• 备案流程指南
• 修改备案
• 备案资料下载
• 备案小技巧

服务器租用

• 服务器租用
• 服务器托管

其它服务

• 400电话
• 在线客服
• 财务常见问题
• 会员常见问题

• 您现在的位置： 创新互联 >> 网站建设 >> 网站建设常见问题 >> IE,FireFox,Opera浏览器支持CSS实现Alpha半透明

IE,FireFox,Opera浏览器支持CSS实现Alpha半透明

• 作者：曾小姐 文章来源：成都网站建设 点击数：699 更新时间：2011-11-25
• 　　小编不止一次感叹，这个世界变化很快，现在连微软公司的IE8也出来了，它将不再支持以前{filter:alpha(opacity=50);}的私有属性，转而支持更规范的私有属性-ms-filter:“progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;加之Firefox2.0和Opera9.0以前版本很少见到，所以所有的主流浏览器都已经支持纯CSS而不用png图片来实现半透明效果，今天小编就来着重讲讲这其中的原理代码，如下：
  　　<divid="out">
  　　<divid="in">不透明<div>
  　　<divid="alpha">半透明<div>
  　　<div>
  　　<style type="text/css">
  　　#out{
  　　padding:20px0;
  　　height:100px;
  　　width:200px;
  　　position:relative;
  　　}
  　　#in{
  　　background:#fff;
  　　margin:010px;
  　　}
  　　#alpha{
  　　position:absolute;
  　　top:0;
  　　left:0;
  　　width:100%;
  　　height:100%;
  　　-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/
  　　filter:alpha(opacity=30);/*IE5、IE5.5、IE6、IE7*/
  　　opacity:.3;/*Opera9.0+、Firefox1.5+、Safari、Chrome*/
  　　z-index:-1;/*让其位于in的下面*/
  　　background:#fff;
  　　}
  　　</style>
  　　看过小编的代码解释以后，你对css的认识是不是又加深了呢？ 成都创新互联网站建设为您排忧解难，提供专业权威的网站制作一条龙服务，欢迎咨询了解！
  
• 上一篇文章：CSS中positionfixed固定定位用法分析
  下一篇文章：如何利用Dreamweaver制作页面模板