Div Select挡住的解决办法


Posted in Javascript onAugust 07, 2008

<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>Div下拉菜单被Select挡住的解决办法</title>
</head><body>
<div style="z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;"
    onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">
    <iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;
        left: 0; scrolling: no;" frameborder="0" src="about:blank"></iframe>
    <div style="background-color: silver;">
        下拉菜单<br />
        bbbbbbb<br />
        ccccccc<br />
        ccccccc<br />
        ccccccc<br />
        ccccccc
    </div>
</div>
<select style="width: 200">
    <option>test0</option>
    <option>test1</option>
    <option>test2</option>
    <option>test3</option>
</select>
<br />
<pre>
Div被Select挡住,是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。
这里采用的方法是:
虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.
</pre>
</body></html>

Javascript 相关文章推荐
JavaScript中的Window窗口对象
Jan 16 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
jQuery.clean使用方法及思路分析
Jan 07 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 Javascript
js模拟弹出效果代码修正版
Aug 07 #Javascript
top.location.href 没有权限 解决方法
Aug 05 #Javascript
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 #Javascript
很可爱的输入框
Aug 03 #Javascript
javascript之更有效率的字符串替换
Aug 02 #Javascript
效率高的Javscript字符串替换函数的benchmark
Aug 02 #Javascript
javascript SocialHistory 检查访问者是否访问过某站点
Aug 02 #Javascript
You might like
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
关于跨站脚本攻击问题
2011/12/22 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
详解webpack4升级指南以及从webpack3.x迁移
2018/06/12 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
Vue路由之JWT身份认证的实现方法
2019/08/26 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
python中的代码编码格式转换问题
2015/06/10 Python
如何使用pyinstaller打包32位的exe程序
2019/05/26 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
Django ORM filter() 的运用详解
2020/05/14 Python
如何使用Pytorch搭建模型
2020/10/26 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
招标保密承诺书
2015/01/20 职场文书
自我检讨报告
2015/01/28 职场文书