网站运营 | 站长学院 | 技术文档 | 成语 | 歇后语 | 桌面壁纸 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论

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

【 网络作者:佚名 更新时间:2008-04-30 | 字体:
[导读]问题提出:我用dw做了一个下拉菜单<<<,但是碰到form的列表项就跑到下面去了,请帮忙解决。 解决问题:由于层与下拉框之间的优先级是:下拉框 > 层<<,因此在显示的时候,会因为优先级的次序而会出现如上问题<。(如果几...

问题提出:我用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><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="#" >menu</a>

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

友荐云推荐
  • 转载请注明来源:网站运营 网址:http://www.chinawobo.com/ 向您的朋友推荐此文章
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者<。文章版权归文章原始作者所有<。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们<,我们会尽快予以更正<<。
RSS订阅
  • QQ邮箱
  • 填写您的邮件地址,订阅我们的精彩内容:
更多
© 2014 网站运营 - T086.com(原itlearner.com)
微商货源 | 冠珠陶瓷 | 迪威乐云商devmsn | 易奇八字 | wwe美国职业摔角 | 八字算命 | 河南旅游景点大全 |
RunTime:17.34ms QueryTime:7