CSS 半透明滤镜在FIREFOX和IE下面的能够通用的

精贴置顶

2068 0

CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法，此个人博客记录下来，给大家留着备用：

CSS代码
.test{
background:#000;
color:white;
width:200px;
position:absolute;
left:10px;
top:10px;
   filter: Alpha(opacity=10);
   -moz-opacity:.1;
   opacity:0.1;
}
这里关键的是

CSS代码
filter: Alpha(opacity=10);
   -moz-opacity:.1;
   opacity:0.1;
这三句,第一句是ie 支持.第二三句是firefox支持的,但是版本不一样就有两种了,所以用时候把三句都加上就行了

效果：CSS 滤镜属性(图片透明)

　　

用于定制图片的显示效果

1）滤镜的有效HTML标记：

BODY

BUTTON

DIV

IMG

INPUT

MARQUEE

SPAN

TABLE

TD

TEXTAREA

TH

TR

2）滤镜的属性参数

a) 设置透明度Alpha　　

语法: { FILTER: Alpha(Opacity=n1,Finishopacity=n2,Style=#,Startx=x1,Starty=y1,Finishx=x2,Finishy=y2)}
"Opacity"透明度.从0到100,0代表完全透明.100代表完全不透明.
"Finishopacity"可选，指定结束时的透明度.0到100.
"Style"透明区域形状.其中#可为:0代表统一形状,1线形,2放射状,3长方形.
"Startx"和"Starty"渐变透明效果的开始X和Y坐标.
"Finsihx"和"Finsihy"渐变透明效果结束X和Y的坐标.

b) 模糊Blur

语法:{filter:blur(add=add,direction=direction,strength=strength)}
"add""TRUE(默认)"或者"FALSE".指定图片是否被改变成印象派的模糊效果.1为真，0为假
"direction"设置模糊的方向.0垂直向上,每45度为一个单位.默认值向左的270度.
"strength"有多少像素的宽度受到模糊影响,默认是5个像素.

c) 透明 Chroma

没有任何评论

今日天气 ···

···

···

···

近一月回答榜 - TOP 12

钻石VIP 吴旭晓

普通会员 令王告白

普通会员 心如仓井空似水

普通会员 messi

普通会员 沧州华欧煤气炉

普通会员 孙文强

普通会员 lucifo

普通会员 xxxxxxx

普通会员饼饼

普通会员 ucase

普通会员 留下足迹

普通会员 小谨夜

博客标签

JAVA C# ASP PHP 操作系统 Android IOS ASP.NET JavaScript DIV+CSS SEO 软件技巧浏览器兼容服务器安全数据库 HTML 域名空间建站经验其他技术知识设计类随便说说趣味编程淘宝客饼哥语录

RSS新闻

健康·生活社会·法治百度浙江新闻教育频道军事频道八卦新闻女性新闻台湾新闻党网·时政电影频道军事-新浪博客经济·科技汽车新闻游戏新闻国际新闻国内新闻体育新闻

历史作品

企业宣传类门户类 Flash类外贸类商城类博客论坛类 OA管理类政府机构类私单手机版

热门排行: CSS cursor鼠标样式一览表 2012/6/25; .NET后台写JS代码 2011/11/3; 网站地址多出jdfwkey的问题解析及... 2010/8/25; 百度、google、Yahoo网站地图制作... 2011/1/30; 数据库xxx的日志已满,请备份该数... 2013/7/19; <a>标签的伪类书写顺序问题... 2010/9/4; CEO名言 2010/8/31; 什么是长尾关键词？ 2010/9/24; Mysql 主从数据库同步 2010/9/12; 用ASP实现网页BBS 2010/11/1

博主推荐: 网站title标题如何正确修改不会被... 2013/8/26; ASP .NET MYSQL 的简单分页并不... 2013/8/19; 网站有弹窗广告这样的站点，百度... 2013/8/17; 做淘宝SEO优化需要注意的8大问题 2013/8/17; 淘宝网怎么做SEO优化 2013/8/17; 站长们要学习的“苍井空精神” 2013/8/17; 苹果公司今日发布了iOS 7第五个开... 2013/8/7; 小米1刷V5系统WIFI不能连接解决办... 2013/8/1; 本博客手机版上线咯！会员后台也... 2013/7/31; Win7系统环境安装配置PHP开发环境... 2013/7/29

随便看看: 兼容IE、新版Chrome、Firefox，实... 2013/11/21; nofollow属性的介绍和使用 2010/9/8; 面对优化变化，三个月优化期能做... 2013/7/14; Doorway Pages-桥页 2010/9/20; ASP开发准则 2010/10/23; ASP文件中的安全问题 2010/10/23; C#笔试题 2010/9/3; 查看网页源代码全是乱码，而页面... 2010/10/3; ASP中实现分页显示的七种武器 2010/11/1; 微信公众平台开发 ACCESS TOKEN 2013/12/17

合作伙伴

无人自助系统

博客手机版

金华学车网

网站流量统计

北京上海杭州深圳广州成都