当前位置：首页 → 问答吧 → 请教一下，ie6滚动页面 iframe 就无法遮盖select，怎么解决呢？

请教一下，ie6滚动页面 iframe 就无法遮盖select，怎么解决呢？

时间：2010-09-06

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> body{ margin:0px; padding:0px; height:1000px; } select{ position:absolute; left:50%; top:50%; z-index:1; } iframe{ position:absolute; z-index:2; border:0px; width:expression(this.nextSibling.offsetWidth); height:expression(this.nextSibling.offsetHeight); top:expression(this.nextSibling.offsetTop); left:expression(this.nextSibling.offsetLeft); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; } #mask{ width:100%; height:1000px; position:absolute; background:black; z-index:1001; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; } </style> </head> <body> <div id="mask"></div> <iframe></iframe> <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </body> </html>
提示：您可以先修改部分代码再运行

滚动页面的时候，iframe 就无法遮盖select了，于是select就闪烁，本来想禁止滚动条的，但是页面很长，禁止滚动条后，页面就不能滚动了，下面的内容就看不到了，所以又不能禁止滚动条了，请教前辈有什么办法解决吗？

[ 本帖最后由 chenli11 于 2010-9-6 18:24 编辑 ]

作者: chenli11 发布时间: 2010-09-06

和漂浮窗口遮不住select的原理一样，很多网站是通过隐藏select来处理的。

作者: hero777 发布时间: 2010-09-06