Div被Select挡住的解决办法

2024-05-29 03:25:47
Div被Select挡住,是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。
这里采用的方法是:
虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.
 
<html><head><meta http-equiv="Content-Type"content="text/html; charset=gb2312"><title>支持民族工业,尽量少买X货</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:#cccccc;">aaaaaaa<br>bbbbbbb<br>ccccccc<br>ccccccc<br>ccccccc<br>ccccccc</div></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></body></html>
最核心的是这句了:
<iframe  style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;"
frameborder="0" src="about:blank"></iframe>
如果你在页面有一个滚动的图片,直接把图片的宽高度给这个Iframe就OK了!

转载于:https://blog.51cto.com/xieyu/64999

Div被Select挡住的解决办法相关推荐

  1. div隐藏select显示的解决办法(就死select挡住了div) 不是网上找到的那五种

    在网上找到的解决办法地址如下 http://www.blogjava.net/fine/archive/2007/08/07/134941.html 又想到了一种新的解决办法,是试出来的(准确点说是看 ...

  2. 下拉菜单被表单、图片、FLASH挡住的解决办法

    设置Flash的参数: <param name="wmode" value="opaque"> <object classid="c ...

  3. 网页中层或菜单被Flash挡住的解决办法

    网页中层或菜单被Flash挡住的解决办法 网页层或菜单经常被flash盖住部分看不到,影响美观,在flash代码中加入以下代码: <param name="wmode" va ...

  4. android 键盘遮盖输入框_Android各种键盘挡住输入框解决办法

    原标题:Android各种键盘挡住输入框解决办法 今日科技快讯 C919大型客机首飞成功,让很多人激动不已.然而近日网上也出现了一些不同的声音:说这架飞机许多部件都是进口货,甚至有人说C919中国人只 ...

  5. DIV中文字不换行解决办法

    解决办法如下: word-wrap : normal | break-word 设置或检索当当前行超过指定容器的边界时是否断开转行. normal: 控制连续文本换行. break-word: 内容将 ...

  6. qq发消息时键盘挡住了_键盘挡住输入框解决办法

    为什么? 为什么要随时监测屏幕大小,这是因为我们在手机端的时候,常常会遇到这样的问题:当点击输入框的时候,手机的键盘就会自动浮现,它会使得页面的可视示高度(document.body.clientHe ...

  7. div无法触发blur事件解决办法

    默认情况下div无法获取焦点,无法触发focus与blur事件,猜测span,a等标签也无法触发焦点事件(input:button,及button标签可以触发) 如何使div触发blur事件:可以给d ...

  8. position: fixed;吸底按钮以及吸底按钮挡住内容解决办法

    在开发中,吸底或者吸顶按钮很常见,都是通过设置position: fixed,然后控制bottom的距离来实现 实现样式如下: 但是有的时候,这个吸底按钮可能会挡住内容,那么这个时候可以通过对其最外层 ...

  9. 关于source insight 置顶窗口或者处于前台挡住窗口解决办法

    1.重启source insight: 2.按两次F11: ^-^

  10. ios输入框被键盘挡住的解决办法

    做IOS开发时,难免会遇到输入框被键盘遮掩的问题.上网上搜索了很多相关的解决方案,看了很多,但是由衷的觉得太麻烦了. 有的解决方案是将视图上的所有的东西都添加到一个滚动视图对象( UIScrollVi ...

最新文章

  1. TCP粘包问题 转自CSDN
  2. 基于Docker的TensorFlow机器学习框架搭建和实例源码解读
  3. 依赖编译_开源项目的编译优化实践
  4. [转载] java(三)对象的序列化与static、final关键字
  5. 第 190 场力扣周赛
  6. 我用Python帮朋友做了张猪肉数据分析图,结果。。。
  7. black-box优化——第一篇:基础BBO算法
  8. java生日正则表达式_Java语言十五讲
  9. php 无法识别oci8,php 连接oracle 无法 启用oci8 解决办法 (摘自oracle官网)
  10. BGP(3):BGP 的路径优选
  11. 全球及中国CT机产业营销渠道现状与投资机遇研究报告2022版
  12. RAR压缩包没有密码如何解压
  13. 齐市青云小学三年级学计算机吗,齐齐哈尔市青云小学介绍
  14. Java 细品 重写equals方法 和 hashcode 方法
  15. MapX系列-- 开源Mitab
  16. 机械振动学习笔记1-3章
  17. 根据时间生成分配批次号
  18. UNIX网络套接字相关总结
  19. MySQL多表查询练习题
  20. 关于食物消化,避免损害和改善肠道健康的建议(科学支持)

热门文章

  1. python语言开发环境配置理论_python语言开发环境配置
  2. centos yum mysql-devel 5.5_CentOS 6.5通过yum安装 MySQL-5.5
  3. L1-005 考试座位号 (15 分)—团体程序设计天梯赛
  4. SignalR+Redis,SignalR+Sqlserver集群部署应对海量链接
  5. UILAbel 设置了attributedText 后省略号不显示
  6. PERMUTATION
  7. 锋利的jQuery-4--图片切换的一个例子(自己理解后写的,以备忘记时看看)
  8. How to install VNC on Ubuntu
  9. 与IDE相关的Attribute属性(C#)
  10. 写于公元2006年2月14日