求代码？

Question

如何让iframe的内容不能操作？ 就是点击iframe里内容不弹出窗口来？需求是这样的我是想嵌套一个天气预报但是点击iframe就弹出了天气网站的信息了？
听说用div遮罩可以实现？怎么写的？

Answer 1

透明层遮盖住就行了
<div style="position:relative">
<iframe src="http://www.coding123.net" style="width:100%;height:300px""></iframe>
<div style="position:absolute;left:0px;top:0px;width:100%;height:300px;background:#000000;opacity:0;filter:alpha(opacity=0)"></div>
</div>

Answer 2

可以试试,渲染一个透明的div,定位在那个iframe位置,尺寸和iframe一样,应该可以遮住
jquery代码:<iframe id='frm' src='xxx'></iframe>
<script>
$('body').append($('<div>').css({
    position:'absolute',
    width:$('#frm').width(),
    hieght:$('#frm').height(),
    left:$('#frm').offset().left,
    top:$('#frm').offset().top,
    zIndex:10
}));
</script>