`
一米香气
  • 浏览: 6813 次
文章分类
社区版块
存档分类
最新评论

菜单被控件挡住

    博客分类:
  • Java
 
阅读更多

如下图所示,光标移到“正文类型“时,弹出的菜单被控件挡住。

解决方法:在弹出的菜单正文加一层iframe,iframe的z-index要比菜单的z-index小。

示例代码:

var ul = document.createElement("<ul style='z-index:10;'></ul>"); 

ul.innerHTML = '<li><iframe style="position:absolute; visibility:visible; z-index:-10;" width="100%"; height="51%";></iframe><a href="javascript:textBtn.contentClick()"  title="标准正文">标准正文</a></li>';

+'<li><a href="javascript:textBtn.textClickNkto(\'editword\',\''+unid+'\',\''+mid+'\')"  title="Word正文">Word正文</a></li>';

+'<li><a href="javascript:textBtn.textClickNkto(\'editexcel\',\''+unid+'\',\''+mid+'\')"  title="Excel正文" >Excel正文</a></li>';

修正效果:


 
 

  • 大小: 40.7 KB
  • 大小: 37.8 KB
分享到:
评论

相关推荐

    解决下拉菜单被iframe遮住问题

    在网页设计中,下拉菜单经常用于实现导航或者选项选择,但当这些菜单位于一个`iframe`元素内部时,可能会遇到被`iframe`遮挡的问题。这个问题主要涉及到浏览器的层叠上下文(CSS Z-Index)和`iframe`的渲染机制。...

    解决soaoffice阻挡web下拉菜单

    3. **下拉菜单定位**:保持下拉菜单在主页面中,这样它可以独立于`iframe`之外显示,不会被SOAOffice控件遮挡。可以使用CSS来调整下拉菜单的位置,确保它在正确的位置弹出。 ```css .dropdown { position: ...

    使用iframe作为日历的载体,不再被select和flash等控件挡住的日期输入框

    ### 使用iframe作为日历的载体,不再被select和flash等控件挡住的日期输入框 在Web开发过程中,经常会遇到日期选择器与页面上的其他元素(如`&lt;select&gt;`下拉菜单、Flash插件等)重叠导致交互不便的问题。为了解决这...

    c# winform 自动隐藏的panel

    在C# WinForm开发中,有时我们需要实现一个自动隐藏的Panel控件,这在创建复杂的用户界面时尤其有用,比如创建可折叠的侧边栏、菜单或者信息展示区域。本资源集合是作者三年来系统软件项目实施经验的总结,包含了...

    option挡住div解决方法

    本文中,我们将讨论一个常见的问题,即div下拉菜单被select挡住的解决办法。这个问题的解决方法可以通过使用iframe来实现。 首先,让我们来了解一下这个问题的来源。select元素是HTML中最基本的表单控件之一,它...

    OrangeUI 1.74 D10.1&D10;.1.2&D10;.2.2 包含安装文档和DEMO, XE10.2编译通过

    1.APP主页九宫格菜单,在主流APP中经常能够见到,OrangeUI只需要一个控件,而不是Image和Label堆出来实现。 2.广告图片轮播功能,并且是可以跟随手指滑动切换,这是目前别的控件还做不到的。 3.列表ListView支持...

    asp.net Ajax DropDownList,asp.net下拉列表,自定义DropDownList

    asp.net Ajax DropDownList,asp.net下拉列表,自定义DropDownList 1.开发背景: ...所有的选择值都很你的控件ID相关联,在一个窗体中使用多个时,没冲突, 有状态保存 下载了的朋友请给点意见:我好改

    浮动的窗口

    3. **防止窗口被其他程序覆盖**:可以使用`TopMost`属性设置窗口始终位于最前端,但这样会挡住其他所有窗口。若希望窗口只在特定应用之上显示,可以监听系统消息,例如`WM_WINDOWPOSCHANGING`,并根据需要调整窗口的...

    Android下的推箱子游戏

    你需要编写算法来处理玩家的移动和箱子的移动,确保它们不会违反规则(如不能推动被其他箱子挡住的箱子)。这通常涉及数据结构,比如用二维数组表示地图,以及状态机来跟踪游戏的不同状态。 3. **触摸事件处理**:...

    实现类似Office助手的小精灵

    Office助手沿用传统的不透明矩形窗口,窗口后面的背景被完全挡住;Agent动画人物本身是 一个“AlwaysOnTop”窗口,只有人物身体部分挡住背景,其余部分透明。 Office助手只允许Office 97的各个组件调用,Agent动画...

Global site tag (gtag.js) - Google Analytics