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

shixinxin9999

shixinxin9999

2016-01-29 11:48

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

 

  问题提出:我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示如下:

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

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

<form
 <select<optionA form selection list 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)
展开更多 50%)
分享

猜你喜欢

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

Html CSS布局 Div+CSS XHTML
用 iframe 解决下拉框与层之冲突

可输入的下拉框

Web开发
可输入的下拉框

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

动态提示的下拉框

Web开发
动态提示的下拉框

ajax完美解决的下拉框的onchange问题

Web开发
ajax完美解决的下拉框的onchange问题

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript 图标美化的下拉框

Web开发
JavaScript 图标美化的下拉框

用js制作完善的日 月组合下拉框.

ASP
用js制作完善的日 月组合下拉框.

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML语言剖析(六)清单标记

HTML语言剖析(六)清单标记

JavaScript 小技巧(第十集)

JavaScript 小技巧(第十集)
下拉加载更多内容 ↓