Chrome浏览器、火狐等浏览器上和IE类浏览器(360、qq等)有所不同,目前已发现的不同以及解决办法
2012-07-26 13:04
337 查看
1、Chrome浏览器、火狐等浏览器上和IE类浏览器(360、qq等)有所不同,目前已发现的不同以及解决办法:
(1) IE是parent.document,Chrome是parent.contentDocument
解决办法(通用型):
(2) IE是filter:alpha(opacity=50);Chrome是opacity:0.5;
解决办法(通用型):在控件的style中两个都写上
代码修改透明度如下:
(1) IE是parent.document,Chrome是parent.contentDocument
解决办法(通用型):
var doc=parent.document; if(doc==null) //在Chrome浏览器上parent.document不存在,doc==null doc=parent.contentDocument; //赋值Chrome浏览器上可以使用的对应属性
(2) IE是filter:alpha(opacity=50);Chrome是opacity:0.5;
解决办法(通用型):在控件的style中两个都写上
style={ filter:alpha(opacity=50); opacity:0.5} //注意透明度的取值范围是不同的IE是0~100,Chrome是0~1.
代码修改透明度如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <script language="javascript"> function SetOpa(obj,value) { var filter=obj.filters; if(filter==null) //用于Chrome等浏览器 { obj.style.opacity=value/100.0; //注意透明度取值为0~1之间 } else//用于IE、360等浏览器 { //注意如果定义 //var opa=obj.filters.alpha.opacity; //opa=value透明度设置将无任何效果,必须直接赋值,原因未知 obj.filters.alpha.opacity=value;//注意透明度取值为0~100之间 } } function SetOpacity() { var obj=document.getElementById("img1"); SetOpa(obj,50); } </script> <body onload="SetOpacity()"> <img src="light.png" width="128" height="128" id="img1" style="filter:Alpha(Opacity=100);Opacity:1;" /> </body> </html>
相关文章推荐
- Chrome浏览器、火狐等浏览器上和IE类浏览器(360、qq等)有所不同,目前已发现的不同以及解决办法
- Chrome浏览器、火狐等浏览器上和IE类浏览器(360、qq等)有所不同,目前已发现的不同以及解决办法
- 目前Lodop支持IE系列、IE内核系列(遨游、360、世界之窗、腾讯TT、搜狗等)浏览器,以及Firefox(火狐)系列、Chrome(谷歌)系列、Opera系列、Safari系列等Windows下
- uploadify控件在QQ、TT、firefox浏览器中不工作以及在updatecontrol中不工作的解决办法
- 启动ie就出现“无法显示此页” 以及 360 浏览器 域名解析错误(错误代码:105) 解决办法
- ie6/IE8/IE9/谷歌以及火狐等浏览器下li 高度一致解决办法
- IE和火狐等浏览器html标签显示不同的解决办法
- ie6/IE8/IE9/谷歌以及火狐等浏览器下li 高度一致解决办法
- Chrome浏览器在加载本地资源时报错Not allowed to load local的原因以及解决办法。
- jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
- IE、Chrome浏览器主页被hao123或360篡改简单有效解决办法
- 让360双核浏览器默认极速模式,避免采用IE模式无法正常访问html5网页的解决办法
- windows XP 解决QQ和360软件冲突的办法
- 解决QQ和360软件冲突的暂时办法
- 目前发现,比较经典的方法:WindowsXP Home版安装iis解决办法
- 解决QQ和360软件冲突的办法
- css盒模型不同浏览器下解释不同 解决办法
- java 不同的package下同类明的冲突以及解决办法
- MAC电脑出现,QQ可以正常使用,浏览器显示无网络解决办法