首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> 心得技巧 -> 用iframe解决下拉框与层之冲突
用iframe解决下拉框与层之冲突


文章类别:心得技巧 来源: 作者: 发表日期:2006-7-10 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

        问题提出:我用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="http://img.sxsky.net/it/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>

上一篇:用C#.NET实现拖放操作 下一篇:网页表单自动填写技术(gmail为例)
本栏目热门文章
·Q-Zone空间实用代码三例 2005-10-8
·WAP标记语言XHTML基础教程之XHTML简介 2005-10-4
·Google Maps API 简易使用文件 2005-10-9
·RSS 开发教程 2005-10-4
·网页设计中文字颜色的搭配技巧 2005-10-8
·菜鸟必看 Windows回收站使用攻略 2005-12-13
·介绍三种网页播放器好代码 2006-4-16
·利用Google Map API在BLOG上显示自己的Google 2006-3-28
·初学网站制作须知道什么是静态网页 2006-5-4
·花生壳给个人网站插上飞翔的翅膀 2005-11-21
新近更新文章
·浅谈网页上显示日期的方法 2006-7-14
·关于IE7: 给Web设计人员提个醒 2006-7-14
·用iframe解决下拉框与层之冲突 2006-7-10
·DIV下图片自适应解决方法 2006-7-7
·优化网站的20条重要体会 2006-6-27
·凸显个性 网页右键菜单我作主 2006-6-15
·玩转表格 让你的网页炫起来 2006-6-15
·使用雅虎实现免费站内搜索 2006-6-12
·让innerHTML中的script脚本执行起来 2006-6-9
·教你如何在自己的主页上制作P2P网络电视 2006-6-4
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: