文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>使div浮动层显示在Select组件上面

使div浮动层显示在Select组件上面

时间:2008-09-22  来源:gunny

  经过使用发现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&shy;xpression(this.nextSibling.offsetWidth);shy;xpression(this.nextSibling.offsetHeight);top:e&shy;xpression(this.nextSibling.offsetTop);left:e&shy;xpression(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>

  需要注意下面的问题:
    1、在iframe的style里面一定要加上z-index而且要设为-1,这样它就不会把原来的div层也一起覆盖掉。
    2、把<iframe></iframe>放在div层的上面就可以了。
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载