div总是被select遮挡的解决方法

<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>

赞 (0)

相关推荐

  • div总是被select遮挡的解决方法

    <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.o

  • layui layer select 选择被遮挡的解决方法

    在编程的时候, layer弹窗中的select 经常会遇到被遮挡的情况: 解决方法:在页面里面找到对应div的class 给overflow新的属性visible即可(默认值.内容不会被修剪,会呈现在元素框之外.)即可显示出下拉框 1.找到层1 的overflow 属性, 修改成为visible. 2. 如果有层2, 就把层2的也设置一下, 就完美解决了!!! 示例: 下面是一些示例: $(".layui-table-body").css('overflow','visible');

  • JavaScript中无法通过div.style.left获取值的解决方法

    JavaScript中无法通过div.style.left获取值的解决方法

    一.问题总结: 样式必须直接写在元素内部才能通过div.style.left直接获取属性值(也就是必须是内联样式才行),定义在css中的样式不能通过这种方式获取. 让元素移动到200停止 setTimeout ( function () { var div = document.getElementById("div4"); //var left = parseInt(div.style.left) + 5; var left = div.offsetLeft + 5; div.sty

  • jQuery在ie6下无法设置select选中的解决方法详解

    本文实例讲述了jQuery在ie6下无法设置select选中的解决方法.分享给大家供大家参考,具体如下: 这里主要解决在 ie6 下,jquery 无法设置 select 选中的问题.我们先看个例子: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>demo</title> </head&g

  • 移动端固定输入框在底部会被键盘遮挡的解决方法(必看篇)

    移动端固定输入框在底部会被键盘遮挡的解决方法(必看篇)

    由于公司需求,需要做一个实时对话的聊天功能.遇到各种小坑就不多说了,下面就记录一下遇到最坑的一个问题.. 页面布局写完后,在安卓和苹果手机测试了一下,问题来了!!!在安卓手机中布局完美展示(这很好),但在苹果手机下,经常点击输入框键盘会把输入框挡住. 如下图显示: 图一 图二 图三 (图一和图二都是有问题的,图三才是想要的效果.) 每次键盘遮挡住输入框之后,必须要手动向上滑动一下屏幕才显示出来,这体验效果就很不好了吧.然后自己就尝试了各种方法,什么定时器.绝对定位.固定定位.计算屏幕高度再定位等

  • js防止DIV布局滚动时闪动的解决方法

    本文实例讲述了js防止DIV布局滚动时闪动的方法,分享给大家供大家参考.具体方法如下: 最近接触页面性能的东西,有很多细微又原始的内容,比如浏览器渲染.资料非常多,所以选一些做节译,备忘. JavaScript多次写.读DOM就会发生「布局颠簸」,引起文档重排(reflow – the process of constructing a render tree 复制代码 代码如下: from a DOM tree1). // 读 var h1 = element1.clientHeight; /

  • MS-sql 2005拒绝了对对象 'xxx' (数据库 'xxx'，架构 'dbo')的 SELECT 权限的解决方法

    问题:Sql server 2005 默认设置下不允许远程登陆 1 外围设置 tcp/ip 和 named pipe 同时启用 2 服务器 --〉属性 --〉安全性 --〉sql server 和windows 认证模式 问题: 拒绝了对对象 'xxx' (数据库 'xxx',架构 'dbo')的 SELECT 权限. 答案: 数据库(xxx) --->安全性---->架构---->dbo(属性)--->权限--->添加--->浏览--> [public]----

  • MS-sql 2005拒绝了对对象 'xxx' (数据库 'xxx'，架构 'dbo')的 SELECT 权限的解决方法

    问题:Sql server 2005 默认设置下不允许远程登陆 1 外围设置 tcp/ip 和 named pipe 同时启用 2 服务器 --〉属性 --〉安全性 --〉sql server 和windows 认证模式 问题: 拒绝了对对象 'xxx' (数据库 'xxx',架构 'dbo')的 SELECT 权限. 答案: 数据库(xxx) --->安全性---->架构---->dbo(属性)--->权限--->添加--->浏览--> [public]----

  • ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法

    这是一个小bug,解决方法有两种:根据做的东西不同选择不同的 <ion-nav-bar class="bar-positive"> <ion-nav-back-button class="button-icon ion-arrow-left-c"> </ion-nav-back-button> <h2>helloafds</h2> </ion-nav-bar> <ion-header-ba

  • 关于jquery中动态增加select,事件无效的快速解决方法

    近来做项目,用的jquery1.6.2库,当动态增加div 及select时,事件却不起作用. 查了一些资料,发现bind事件:向匹配元素附加一个或更多事件处理器.而live事件:为当前或未来的匹配元素添加一个或多个事件处理器. 其资料如下: [bind和live的区别] live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bin

随机推荐