iframe的显示和隐藏以及zIndex的使用

最新推荐文章于 2024-08-18 21:47:24 发布

i-neojos

最新推荐文章于 2024-08-18 21:47:24 发布

阅读量9.7k

点赞数

文章标签： z-index zIndex iframe

本文链接：https://blog.csdn.net/whynottrythis/article/details/43743031

版权

iframe的显示和隐藏

<body>
<iframe></iframe>
</body>

iframe设置了style="z-index:-1; visilility:hiddle"
某种情况下设置iframe显示$('iframe').style.visilility='visible'; $('iframe').style.zIndex='2';

在iframe中调用父类body中的元素
parent.document.getElementByID('id').style.zIndex='-1';

总结：
1.嵌套iframe的html页面的调用
2.zIndex和z-index的使用场合和方式；

z-index对象没有position 属性，是不会工作的。

$('button').click(function() {
    $('body').append("<div class='overlay'></div>");
    $('table').css('zIndex', '60');
    $('table').css({ 'position': 'relative' });
});

或者

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 50;
}