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内容