iframe标签里面的页面元素只读
2018-01-10 16:33
330 查看
iframe标签里面的页面元素只读，可以通过设置一个只读的透明div进行遮罩实现。
html代码：
效果：
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>效果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- iframe标签里面的页面元素只读
- jquery父页面操作iframe里面的元素以及iframe操作父页面的元素
- 如何利用jquery从父页面取到iframe里面的元素
- jquery寻找html页面iframe标签引入的页面元素
- aspx页面调用iframe标签里面的js函数
- 获取页面内iframe里面的元素
- javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,
- js来获取嵌套的子页面iframe里面的html和form表单中元素值
- 父页面操作iframe页面标签元素
- selenium 页面元素定位之iframe里面的元素定位（包括有无id、name的）
- jquery 查找 iframe 父级页面元素
- jsp页面动态加载form标签的action地址和里面的submit按钮事件
- 页面中的label标签本来随着里面字数的增加而增长，我准备设定label标的宽度为固定值，却一直设定不了
- jsp子页面（iframe）获取父页面(在另一个页面中用iframe)元素的方法
- jQuery从主页面存取控制 iframe 中的元素，参数及方法
- Javascript获取页面标签元素操作
- 使iframe里面引用页透明，显示主页面的背景图片
- A,B两个页面，A里面用iframe包含B，现在在A里面要取得B里面一个Hidden控件的value
- iframe里面的元素触发父窗口元素事件的jquery代码 转
- 原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法