Chinaunix首页 | 论坛 | 博客
  • 博客访问: 320529
  • 博文数量: 176
  • 博客积分: 2970
  • 博客等级: 少校
  • 技术积分: 1520
  • 用 户 组: 普通用户
  • 注册时间: 2008-06-11 14:35
文章存档

2011年(10)

2010年(18)

2009年(62)

2008年(86)

我的朋友
最近访客

分类: 系统运维

2008-09-22 09:48:18

  经过使用发现div层盖不住select组件,在上网搜索了后发现,这个是html语言的通病,只能通过某些优先级更加高的组件来遮盖。
  有人给出解决方案如下:
     通过把div的内容放入iframe或object里来解决。但是这样会破坏页面的结构,互动性不大好。
  这里采用的方法是:   
     由于从优先级上看div可以盖iframe,而iframe可以盖select, 所以,可以把一个iframe来当作div的底,这样div就可以盖住select了.   
  当使用"iframe做为div层的载体"后,div层与主页面的互动是窗口间的互动。   
    
  对于把div的内容放入iframe中的方法:   
     层的大小变化就会要求iframe的大小随着变化,从主页面到这个层会导致window的blur。
    
  对于用iframe当作div的底的方法:
  只用在原有的div前加上这一句

<iframe style="position:absolute;z-index:-1;width:e­xpression(this.nextSibling.offsetWidth);height:e­xpression(this.nextSibling.offsetHeight);top:e­xpression(this.nextSibling.offsetTop);left:e­xpression(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>

  需要注意下面的问题:
    1、在iframe的style里面一定要加上z-index而且要设为-1,这样它就不会把原来的div层也一起覆盖掉。
    2、把放在div层的上面就可以了。
阅读(1313) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~