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 相关文章推荐
细说浏览器特性检测(2)-通用事件检测
Nov 05 Javascript
jquery插件制作 表单验证实现代码
Aug 17 Javascript
判断输入是否为空,获得输入类型的JS代码
Oct 30 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
JS+CSS实现简易实用的滑动门菜单效果
Sep 18 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
Angular简单验证功能示例
Dec 22 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
Vue实现菜单切换功能
Nov 08 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
论坛头像随机变换代码
2006/10/09 PHP
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
php调用shell的方法
2014/11/05 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
javascript jq 弹出层实例
2013/08/25 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
python实现百度语音识别api
2018/04/10 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
邮政竞聘演讲稿
2014/09/03 职场文书
六查六看自查报告
2014/10/14 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
先进党员事迹材料
2014/12/24 职场文书
五年级学生期末评语
2014/12/26 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL
Python的property属性详细讲解
2022/04/11 Python
vue项目proxyTable配置和部署服务器
2022/04/14 Vue.js