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

weixin_30950887

于 2018-01-10 16:33:00 发布

阅读量524

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cang12138/p/8259348.html

版权

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>

效果：

转载于:https://www.cnblogs.com/cang12138/p/8259348.html

weixin_30950887

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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> ...
复制链接

扫一扫