iframe标签里面的页面元素只读

code • 2022-4-12 • 随笔 • 阅读 67

iframe标签里面的页面元素只读

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>