div被iframe遮住的几种情况及解决方法
第一种:透明背景被遮住 当div使用透明的背景时,无论是使用(opacity或者rgba格式),除了chrome,其它浏览器都出现div被iframe遮住的情况。 解决方法: div使用不透明背景或者使用透明的背景图片。 第二种:ie8中z-index失效 在ie中,iframe里引入video视频播放会导致div的z-index无效,即div的z-index无论设为多少,均被iframe遮住。来源 解决方法: 给iframe地址加一个参数wmode=opaque,假如地址是: 则对应改为:?wmode=opaque。 flash在其他元素后面 另外顺便看到flash也有这个z-index失效的问题,同样是给flash加一个上面的参数 复制代码 代码如下:
或者 复制代码 代码如下:
附录iframe的一些参数 border 复制代码 代码如下:
设定围绕图文框的边缘宽度 frameboder 复制代码 代码如下:
设置边框是不否为3维(0=否,1=是) height,width 复制代码 代码如下:
设质边框的宽度和高度 scrolling 复制代码 代码如下:
是否有滚动条(yes,no,auto) src 复制代码 代码如下:
指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*) 总结 (编辑:青岛站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |