iframe标签里面的页面元素只读,可以通过设置一个只读的透明div进行遮罩实现。
html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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://bbs.csdn.net" width="500px" height="300px" id="ifr"></iframe>
</div>
效果:
