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继承(上)——对象构建介绍
Nov 08 Javascript
Ext GridPanel加载完数据后进行操作示例代码
Jun 17 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
Vue Router 实现动态路由和常见问题及解决方法
Mar 06 Javascript
如何在vue 中引入使用jquery
Nov 10 jQuery
VUE-ElementUI 自定义Loading图操作
Nov 11 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
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
iis 7下安装laravel 5.4环境的方法教程
2017/06/14 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
我遇到的参数传递中 双引号单引号嵌套问题
2010/02/11 Javascript
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
2017/02/28 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
详解js中let与var声明变量的区别
2020/04/05 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
Python中单例模式总结
2018/02/20 Python
浅析python的Lambda表达式
2019/02/27 Python
python字符串中匹配数字的正则表达式
2019/07/03 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
Python中的面向接口编程示例详解
2021/01/17 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
环境工程大学生个人的自我评价
2013/10/08 职场文书
工作个人的自我评价
2014/01/14 职场文书
白岩松演讲
2014/05/21 职场文书
公司大门门卫岗位职责
2014/06/11 职场文书
入党介绍人意见2015
2015/06/01 职场文书
MySQL 重命名表的操作方法及注意事项
2021/05/21 MySQL
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
Elasticsearch 基本查询和组合查询
2022/04/19 Python