可以遮住applet的遮罩层

最新推荐文章于 2021-11-11 23:39:12 发布

原创最新推荐文章于 2021-11-11 23:39:12 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

frontend 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用iframe元素实现屏幕禁用效果的方法，适用于Chrome和IE浏览器，通过CSS样式控制iframe的透明度来达到遮罩层的效果。

<DIV id="divDiableScreen" style="display:block;Z-INDEX: 100; POSITION: absolute; FILTER: alpha(opacity=15); BACKGROUND-COLOR: #000; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px; opacity: 0.15" >
   	<IFRAME style="Z-INDEX: -1; POSITION: absolute; FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity:0); WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px" src="about:blank" frameBorder=0></IFRAME>
	<DIV style="Z-INDEX: -1; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px">&nbsp;</DIV>
</DIV>

比起一般的，就是多了个iframe，chrome 和IE测试OK。