iframe

Page 1 of 1

Archives

文件夹

以下都是在iframe 框架中 1,<a href=”http//:www.baidu.com” target=”_blank”>百度</a> 2, javascript: function window.onload() { if(window.parent.length>0) window.parent.location=location; } 或者: <script> if (window != top) top.location.href = location.href; </script> 3,自动跳出iframe的代码 <script type=”text/javascript”> if (top.location !== self.location) { top.location=self.location; } </script> 4,在框架页内的退出操作: <script type=”text/javascript”> if (top.location !== self.location) { top.location = “../index.jsp”;//跳出框架,并回到首页 } </script>

首先说ff和chrom,这两个浏览器实际上是可以根据正常逻辑解决遮盖问题,所以一般来说正常操作就好。 兼容上主要是ie产生的问题。当flash的wmode属性为Transparent 问题并不是很大,一般逻辑仍然能解决。 但是如果你引用的flash没写参数,或者参数不是Transparent的时候,ie就会认为flash在最上面。 ps:一些flash的wmode必须使用window属性,以保证输入法和flash的速度。 解决方法: iframe>flash一句话解决问题。 只要在flash和div中间再加一个iframe就可以解决覆盖的问题。 但是有个问题需要注意,iframe遮在flash上面的效果是,iframe与flash交叉的部分会透明掉。 也就是说你的div必须是个矩形,如果是个不规则图形,flash上会有透明的地方。 情况就是这样,希望对你有帮助。

自定义的层给select遮挡住是一个老问题了,不过可喜的是ie7和ff都已经支持select的zIndex,只要给层设定高的zIndex就能覆盖select了,可惜对于ie6这个问题还是需要解决。 覆盖select据我所知有两个比较好的方法: 1,显示层时,先隐藏select,关闭层时再重新显示; 2,用一个iframe作为层的底,来遮住select。 方法1应该都明白,方法2就是利用iframe可以覆盖select的特性,只要把一个iframe作为层的底部就可以覆盖下面的select了,程序中是这样使用的:this.Lay.innerHTML = ‘<iframe style=”position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);”></iframe>’可以看出这个透明的iframe也以同样覆盖整个页面,如果是有内容显示的页面最好设置z-index:-1;确保iframe在层的底部。个人觉得使用方法2比较好,但始终是改变了页面结构,有时会比较难控制,至于方法1就比较容易方便。