用iframe 解决下拉框与层之冲突(转载)

原创 2005年01月02日 14:51:00
 问题提出:我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示如下:

031222iframelayer.gif

  解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
  <table>
  <tr><td>item 1</td></tr>
  <tr><td>item 2</td></tr>
  <tr><td>item 3</td></tr>
  <tr><td>item 4</td></tr>
  <tr><td>item 5</td></tr>
  </table>
  <iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<a href="#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>

<form>
  <select><option>A form selection list</option></select>
</form>

用 iframe 解决下拉框与层之冲突

问题提出:我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示        解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先...
  • gsong
  • gsong
  • 2006年11月04日 23:44
  • 652

用iframe解决DIV被下拉框盖住

  • fjyts
  • fjyts
  • 2011年07月19日 13:39
  • 428

select下拉框与层之冲突

在做站时遇到一个问题,弹出的层盖不住下面的下拉列表,网上找了找,说这是ie6的一个bug,但也不能是因为ie的bug就不解决了,看看别人的站,怎么有的就能被盖住呢,看看源代码,原来人家用的不是sele...
  • skfzc
  • skfzc
  • 2015年09月10日 11:19
  • 948

javascript中一种防止命名冲突的方法

熟悉js的人都知道闭包这个概念,那么如何通过闭包来避免命名冲突呢,方法是用一个空对象来管理所有资源,那么即使发生冲突,也只能是在这个对象所管理的范围内。 下面来举个例子: 比如我要用Html+js...
  • lcf773465789
  • lcf773465789
  • 2013年09月24日 10:00
  • 704

iframe的下拉菜单

Demo页面:主页面 iframe_a.html ,被包含页面 iframe_b.htm 和 iframe_c.html 下面开始讲:   通过Google搜索iframe 自适应高...
  • u013214707
  • u013214707
  • 2014年01月03日 09:48
  • 983

利用jsonp、iframe和location.hash解决跨域问题

几种解决js跨域的方法js的跨域:由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。如下示例:URL 说明 ...
  • yilanyoumeng3
  • yilanyoumeng3
  • 2015年06月17日 10:26
  • 2027

iframe解决层和select下拉框显示问题

由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现层被下拉框遮拦的问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给...
  • icyfarer
  • icyfarer
  • 2009年07月01日 10:44
  • 1399

iframe跨域调用问题

iframe框架之间的函数调用 知识点:iframe同域window对象的函数调用,iframe跨域window对象的函数调用。获取页面中iframe中的window对象介于兼容性的问题,推荐使用co...
  • stopllL
  • stopllL
  • 2017年04月11日 19:49
  • 4263

如何解决jquery与第三方插件库冲突问题

jQuery.noConflict(); //将变量$的控制权让渡给prototype.js jQuery(function(){ //使用jQuery jQuery("p").click(fun...
  • zhb1993829
  • zhb1993829
  • 2017年05月17日 16:37
  • 414

如何解决jar包冲突和类冲突

方法一定要讲究方法, 胡乱的尝试是效果最差, 且最没有提高的方式.工具//打印出工程的所有jar依赖关系 mvn -U dependency:tree -Dverboselog4j, logback,...
  • imduan
  • imduan
  • 2017年03月22日 17:28
  • 597
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用iframe 解决下拉框与层之冲突(转载)
举报原因:
原因补充:

(最多只允许输入30个字)