iframe 中 div z-index 问题

u010987652 2014-12-22 09:51:51

我做的一个后台管理页面用ifram 标签引用了一个jsp 页面在更新操作的时候会在 iframe 的那个子页面中弹出一个 div
然后让父页面中的body 变成灰色但是不管我怎么增加子页面中 div的z-index 父页面中的那个灰色 div 始终在最上层，这样的问题怎么解决呢？或者有没有其他方法实现我说的这种特效？

...全文

422 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

u010987652 2014-12-24

打赏
举报

回复

更新那个div要在iframe 指向的那个页面里啊

slwsss 2014-12-22

打赏
举报

回复

控制父页面让父页面弹div

今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。解决方法之一：Iframe包裹select元素使用iframe包住select，这样iframe有z-index，只要在div上设置的z-index比iframe的高即可~这种方法有一定的局限性，不可能每个select都要加个iframe吧？所以不推荐！代码如下：复制代码代码如下: <iframe style=”z-index:1″ style=”z-index:1″><!– 用iframe 解决此bug –> <select name=”c

类似结构：复制代码代码如下:</iframe”>http://caibaojian.com”></iframe 第一种：透明背景被遮住当div使用透明的背景时，无论是使用（opacity或者rgba格式），除了chrome，其它浏览器都出现div被iframe遮住的情况。解决方法： div使用不透明背景或者使用透明的背景图片。第二种：ie8中z-index失效在ie中，iframe里引入video视频播放会导致div的z-index无效，即div的z-index无论

HTML是网页制作最基础的编程语言，本课程主要介绍html语言，以及html标签、html文件结构、head标签,还有在html中的注释代码的作用。除此之外课程还回讲解HTML中的常见标签，如div，p，a，span，ul，li，table，form，iframe等。课程重点：表单标签。表单是网页中重要的元素之一，是网页与服务器进行数据交换的主要标签。

前面的话对于所有定位，最后都不免遇到两个元素试图放在同一位置上的情况。显然，其中一个必须盖住另一个。但，如何控制哪个元素放在上层，这就引入了属性z-index 定义利用z-index，可以改变元素相互覆盖的顺序。这个属性的名字由坐标系统得来，其中从左向右是x轴，从上到下是y轴。从屏幕到用户是z轴。在这个坐标系中，较高z-index值的元素比较低z-index值的元素离用户更近，这会导致较高z-...

最近写CSS3和js结合，遇到了很多次z-index不生效的情况：1.在用z-index的时候，该元素没有定位(static定位除外)2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数下拉框例子：1.盖住的时候：2.将下拉框的z-index设置为负数代码：无标题文档* {padding: 0;m...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章