客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
<html> <head> <meta http-equiv="Content-Type" c> <title>div被select遮挡的解决方法——极客世界</title> </head> <body> <iframe style="position:absolute;z-index:9;width:expression (this.nextSibling.offsetWidth);height:expression (this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression (this.nextSibling.offsetLeft);" frameborder="0" ></iframe> <form id="Form1" method="post"> <div style="z-index:10;position:absolute;background- color:blue;width:100;height:18;overflow:hidden;" >aaaaaaa<br/>bbbbbbb<br/>ccccccc</div> <select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select> <br/> <pre> Div被Select挡住，是一个比较常见的问题。 有的朋友通过把div的内容放入iframe或object里来解决。 可惜这样会破坏页面的结构，互动性不大好。 这里采用的方法是： 虽说div直接盖不住select 但是div可以盖iframe，而iframe可以盖select, 所以，把一个iframe来当作div的底， 这个div就可以盖住select了. </pre> </form> </body> </html> |
请发表评论