当前位置:w88优德官网网文章中心网站设计软件应用 → 用iframe解决下拉框与层之冲突

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

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2012-5-21 9:37:07

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


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

     


    解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 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="http://gzdonghuang.com/#" >menu</a>


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

    本文作者:

    本文引用网址:
    在下列搜索引擎中搜索“用iframe解决下拉框与层之冲突”的相关信息:
    谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
    你可能还喜欢以下文章
  • 1雨后小故事、雨后小故事01动态...
  • 2华航空姐艳照门图片20P完整版 ...
  • 3有钱人都开什么车?系数国内IT...
  • 4怎么做爱舒服?真人示范做爱姿...
  • 5干露露拍人体艺术照疯传 干露露...
  • 1百度联盟:哪些做法会被认为是...
  • 2开心网将上线14款应用 电子商务...
  • 3网络红人如何赚钱?我要成为网...
  • 4Discuz!不能正常发送邮件-DISC...
  • 5织梦CMS读取频道信息失败 无法...
  • 1粉小狞是谁?粉小狞微博晒粉色...
  • 2中国女大学生的淫靡生活
  • 315岁初三女生求包养 聊天记录曝...
  • 4林晨钰爆奶门视频qvod 林晨钰爆...
  • 5大学男生闯女浴室偷拍女生洗澡...
  • 1如何做服务器安全维护?有哪些...
  • 2Windows Server 2003 安全性指...
  • 3用Webmin和VSFTP搭建FTP服务器...
  • 4菜鸟入门之centos的文件夹权限...
  • 5卡巴斯基:2008年5月二十大恶意...
  • 赞助商广告

    图片文章导读