Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题
2011-08-22 13:19
1041 查看
直接贴一段源码吧:
相信里面的注释你也能看懂。
google搜索:IE6 遮罩 mask select控件
相信你会得到很多的相关文章。
其中很多都提到要解决隐藏select控件问题,有两种方法。
第一种,写一段JS主动隐藏select控件。
如:http://news.cnblogs.com/q/20390/
这篇文章里面给出了常用的隐藏控件代码。
而且里面有一处代码吸引了我:
这为后面的最终实现奠定了基础。PS:主要是我JS没学,现整的。
第二种,全屏遮罩!
如:http://bbs.blueidea.com/thread-2941022-1-4.html
PS:这种挺雷的!有点全城热恋的感觉。为什么呢,因为这种场合用的很少,但技术上可赞的。
第三种,最靠谱的方法,使用iframe嵌套。
参考:http://blog.csdn.net/chinapi_hzh/article/details/6036973
还有个帖子,我没收藏,也是CSDN里的,内容大概是作者终于闲下来了,想想工作遇到的这个问题一直都在思索。中间提到了主动隐藏法的消耗问题,再次肯定了利用iframe。但是没有实现,估计也是还没解决呢。
其实大概的思路还是如前人所述:在div里嵌套个iframe。
因为IE6下,div遮挡不了select。但是iframe可以遮挡select。
if (typeof (this.mask) == "undefined") { this.mask = document.createElement("div"); this.mask.id = this.oim.__maskid + "_mask"; this.mask.style.position = "absolute"; this.mask.style.width = this.maskWidth + "px"; this.mask.style.height = this.maskHeight + "px"; this.mask.style.left = this.maskXp + "px"; this.mask.style.top = this.maskYp + "px"; this.mask.style.backgroundImage = "url(" + this.src + ")"; this.mask.style.backgroundRepeat = "no-repeat"; this.mask.style.display = "none"; this.mask.style.zIndex = 1000; //TO cover other controls like select when run on IE6 this.mask.innerHTML = '<iframe style=\'width:100%;height:100%;position:absolute;z-index:-1;filter:alpha(opacity=0);border:none\' frameborder=\'no\' border=\'0\' ></iframe>'; document.body.appendChild(this.mask); }
相信里面的注释你也能看懂。
google搜索:IE6 遮罩 mask select控件
相信你会得到很多的相关文章。
其中很多都提到要解决隐藏select控件问题,有两种方法。
第一种,写一段JS主动隐藏select控件。
如:http://news.cnblogs.com/q/20390/
这篇文章里面给出了常用的隐藏控件代码。
而且里面有一处代码吸引了我:
//向div中添加table var table = document.createElement("table"); msgObj.appendChild(table);
这为后面的最终实现奠定了基础。PS:主要是我JS没学,现整的。
第二种,全屏遮罩!
如:http://bbs.blueidea.com/thread-2941022-1-4.html
PS:这种挺雷的!有点全城热恋的感觉。为什么呢,因为这种场合用的很少,但技术上可赞的。
第三种,最靠谱的方法,使用iframe嵌套。
参考:http://blog.csdn.net/chinapi_hzh/article/details/6036973
还有个帖子,我没收藏,也是CSDN里的,内容大概是作者终于闲下来了,想想工作遇到的这个问题一直都在思索。中间提到了主动隐藏法的消耗问题,再次肯定了利用iframe。但是没有实现,估计也是还没解决呢。
其实大概的思路还是如前人所述:在div里嵌套个iframe。
因为IE6下,div遮挡不了select。但是iframe可以遮挡select。
相关文章推荐
- 一个JS图片放大镜,实现动态记录的图片放大,避免内存泄露,解决IE6下无法遮盖select控件问题
- 一个JS图片放大镜,实现动态记录的图片放大,避免内存泄露,解决IE6下无法遮盖select控件问题
- Ext界面做图片动态加载的图片放大镜效果并解决JS内存泄漏问题
- 基于jquery 封装的 select 小控件,解决 IE6 7 8里 select 边框 高度 无法遮挡等问题
- 用户控件动态加载图片问题解决方法!
- Android TextView加载HTMl图文时,图片溢出界面问题解决
- 解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
- 使用.live()可以解决动态加载html,但js无效果的问题
- 解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
- 基于jquery 封装的 select 小控件,解决 IE6 7 8里 select 边框 高度 无法遮挡等问题
- web 下ie6 select无法被div遮盖的解决
- 解决用<img src="<%# Eval("ShowPhoto")%>"动态绑定图片,发布到IIS上无法显示的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- Android 调用系统图片裁剪(解决“无法加载。”问题)
- Android圆形头像拍照后“无法加载此图片”的问题解决方法(适配Android7.0)
- android WebView 控件加载本地sdcard中html文件图片的问题
- 解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
- 总结Asp.net中Page加载PostData的具体过程 进而解决"获取动态创建的控件的PostData数据"问题
- 解决bootstrap-select 动态加载数据不显示的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法