css控制不允许操作iframe内容

  css如何禁止用户操作iframe的内容(iframe加载的可能是跨域的页面),如选择iframe里面的内容。

 

  解决办法就是用一个透明的层遮盖在iframe上方,这样就无法操作底层的iframe了。

 

  测试代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>css控制不允许操作iframe内容</title>
<style>
.mask{position:absolute;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);opacity:0;background:#ffffff}
</style>
<div style="position:relative">
<div class="mask"></div>
<iframe src="http://www.w3dev.cn/" width="500px" height="300px" id="ifr"></iframe>
</div>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:css控制不允许操作iframe内容

评论(0)Web开发网
阅读(291)喜欢(0)HTML/CSS兼容/XML