直接贴一段源码吧:
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。
转自:http://blog.csdn.net/dingherry/article/details/6708233
分享到:
相关推荐
放大镜效果,PPT遮罩技术放大镜效果ppt模板。
该资源是使用了遮罩层来做的放大镜效果,简单易学。
css3鼠标悬停图片神秘遮罩放大效果 css3鼠标悬停图片神秘遮罩放大效果 css3鼠标悬停图片神秘遮罩放大效果 css3鼠标悬停图片神秘遮罩放大效果
HTML5+CSS3 制作的图片半透明遮罩效果
自定义控件,实现在winform窗口中点击查询等待时的页面加载遮罩效果,背景半透明,结果返回前被遮罩的控件不可用。 有问题可留言http://blog.csdn.net/quan278905570
CSS遮罩层mask css制作遮罩层mask.zip
图片点击放大的效果,鼠标放到图片上以后出现放大镜,点击放大镜,图片遮罩显示,点击空白恢复原图。
最近正在学习WPF动画,于是自己做了一个弹出遮罩动画效果自定义控件,仅供参考学习。 1.控件淡出效果 2.控件弹出效果(控件由小到大)
js 图片遮罩,可以用于图片局部放大效果
jquery+css实现的,点击图片或链接弹出遮罩层,并且图片放大展示的一套demo
单击图片可以把图片放大 遮罩层的效果 很漂亮哦 纯js的代码
moviepy音视频剪辑:使用mask遮罩实现视频叠加透明效果.rar
需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursor 在@vueuse中,有一个工具方法:useMouseInElement <template> <div ref="target"> <h1>Hello ...
jQuery图片放大查看遮罩代码是一款列表图片点击弹出遮罩层图片放大查看效果,支持鼠标滚动图片放大缩小预览效果代码。
jQuery点击弹出遮罩层图片放大查看代码
ClassyLoupe是一款简单实用的jQuery图片放大镜插件。该放大镜插件只需一行HTML代码。它可以控制图片的放大倍数,可以制作圆形,方形和圆角矩形的放大镜,并带有非常好看的遮罩层效果。
自定义的ImageView实现图片圆形遮罩效果,详细了解请移步http://blog.csdn.net/zxc514257857/article/details/63834235
moviepy音视频剪辑:使用mask遮罩剪辑实现叠加透明效果详解.rar
jquery插件,包含js和css文件以及所需图片 点击图片遮罩放大显示 详细参考:https://blog.csdn.net/LuuvyJune/article/details/89153171