【转】js控制div层背景半透明
var container = document.getElementById("map");
container.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=50,finishOpacity=50)";
container.style.opacity = "0.1";
或者:
container.style.filter = "Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140)";
img.style.filter = "Alpha(Opacity=50)"; //IE中 设置地图透明
img.style.MozOpacity = 0.5; //火狐中 设置地图透明度
CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2
转载于:https://www.cnblogs.com/zhangq723/archive/2012/07/30/2615353.html
【转】js控制div层背景半透明相关推荐
- CSS实现Div层背景半透明而内容不透明的效果
CSS实现Div层背景半透明而内容不透明的效果 2014年5月18日 MK 前端设计 0 阅读 2932次 前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写的效果不管怎么 ...
- div上下展开收缩 html,js实现div层缓慢收缩与展开的方法
本文实例讲述了js实现div层缓慢收缩与展开的方法.分享给大家供大家参考.具体分析如下: 这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错.不受内容约束,收 ...
- CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器)
CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器) FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType= ...
- js控制div内部滚动内容横向滑动位置
js控制div内部滚动内容横向滑动位置 使用 js控制div内部的滚动内容横向滑动,主要应用在移动端,项目是基于angularJS,所以带有angular的点击方法ng-click,可以用原生js替换 ...
- php如何设鼠标经过颜色,jQuery实现鼠标滑过Div层背景变颜色的方法
本文实例讲述了jQuery实现鼠标滑过Div层背景变颜色的方法.分享给大家供大家参考.具体实现方法如下: jQuery实现感应鼠标经过Div层变换图层背景颜色) .divbox{ height:300 ...
- js控制div属性隐藏方法
原文详解:js控制div属性隐藏方法 如题:编写html时如何用js控制div的显示和隐藏. 假定页面展示内容如下: 1.点击触发事件: <div><button class=&qu ...
- html背景图片在底部,CSS兑现固定DIV层背景图片且底部显示
CSS实现固定DIV层背景图片且底部显示 /*CSS缩写形式*/ div { background:url(/images/about_bg.jpg) no-repeat fixed; backgro ...
- 原生js设置div隐藏或者显示_用js控制div的显示与隐藏
功能介绍:要实现一个div的显示与隐藏,方法有很多,这里记录下一个简单的js效果,用js来控制div的显示与隐藏,示例代码如下: js显示隐藏层 function showdiv(targetid,o ...
- html背景图不同位置显示,div层背景图片显示位置详解
代码详解: div { background-image:url(/images/bg.jpg); 设置div层的背景图片 background-repeat:no-repeat; 背景图片不重复显示 ...
最新文章
- 一道让你拍案叫绝的算法题
- Echarts 解决饼图文字过长重叠的问题
- asp.net(c#) static关键字用法小结
- 为防止员工带薪拉屎,快手公司推出“计时厕所”?官方称只是为了测试!
- java 数字信封_GitHub - zhopen/eos-crypto-java: EOS 公钥加密,私钥解密。基于ECC+AES 实现的双向验证加解密。数字信封的 加解密。...
- 南工院C语言试卷答案,南工院11-12-1C期末B试卷 附答案.doc
- java弱口令生成1001无标题,教你批量生成自动发卡平台需要的卡密数据
- 浅入MFC之对话框及MFC程序的运行
- struts2.2 json配置
- MySQL数据库与Oracle数据库在存储中文字符以字节或字符存储的区别
- MAC 网速问题 变慢 的来看看 经验
- Luogu P4231 三步必杀 (差分)
- 达观数据中标大华智能搜索平台,助力企业打造知识共享系统
- 如何把Dom对象转换成jQuery对象,如何把jQuery对象转换成Dom对象
- 《推荐系统学习》之推荐系统那点事
- The type java.lang.String cannot be resolved. It is indirectly referenced from required .class files
- OSChina 周四乱弹 —— 阅兵都开始了,你还在睡!
- 纷享销客 java开发实习生面经
- mac下更改vue add的默认npm淘宝镜像
- 用户购买CD消费行为分析