用Div做的网页菜单被客户端控件挡住

于 2012-06-15 11:22:32 发布
阅读量132 收藏
点赞数
分类专栏： ajax soaoffice 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/this_is_chen/article/details/84234918
版权

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

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> New Document </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
</head>

<body>
<a href="#" οnmοuseοver="document.getElementById('menu').style.visibility='visible'" οnmοuseοut="document.getElementById('menu').style.visibility='hidden'" title="这个菜单展示了如何制作能够浮在SOAOffice客户端控件之上的div菜单">div菜单导航栏</a>
<div id="menu" style="position:absolute; visibility:hidden; top:33px; left:10px; width:150px; height:200px; background-color:#6699cc;" οnmοuseοver="document.getElementById('menu').style.visibility='visible'" οnmοuseοut="document.getElementById('menu').style.visibility='hidden'">
   <table>
   <tr><td height="30px"><a href="http://www.kehansoft.com/soaoffice/doclist.asp">协同办公应用示例</a></td></tr>
   <tr><td height="30px"><a href="http://www.kehansoft.com/soaexcel/login.asp">Excel销售订单示例</a></td></tr>
   <tr><td height="30px"><a href="http://www.kehansoft.com/soaword/index.asp">Word数据填充示例</a></td></tr>
   <tr><td height="30px"><a href="http://www.kehansoft.com/soapdf/pdflist.asp">PDF在线阅读示例</a></td></tr>
   <tr><td height="30px"><a href="http://www.kehansoft.com/knowledge/doclist.asp">文档在线安全浏览</a></td></tr>
   </table>
   <iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:150px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<OBJECT id="SOAOfficeCtrl" codeBase="SOAOffice.ocx#version=7,1,1,0" height="100%" width="100%" classid="clsid:FABFB7B0-B15E-413C-94BC-96D21EC78712" data="" VIEWASTEXT>
<div align=center STYLE="color:red;">本机尚未安装SOAOFFICE客户端控件，请安装浏览器上方黄色提示条或弹出提示框中的SOAOFFICE客户端控件。</div>
</OBJECT>
</body> 
</html>

用以上代码新建一个menu.htm，在浏览器里访问，你会看到很好的运行效果。

以上html都是做Div菜单的通常代码，其中添加的关键语句是
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:150px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
将这句代码结合到你的代码里即可解决问题。

this_is_chen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SOAOffice控件使用
03-18
NULL 博文链接：https://lhxctc.iteye.com/blog/691677
html 下拉组件被下面的组件挡住,div被select下拉框挡住了--5种解决方法
weixin_39768371的博客
06-03 918
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，他们被渲染在客户区的绘画表面上，而select是使用的标准windows控件，只是作为客户区的子控件放置而已，它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件，比如iframe和其他的select，如果你使用过...
SOAOffice和iWebOffice、NTKO的比较及其优势
热门推荐
在水一方
01-27 1万+
SOAOffice和iWebOffice、NTKO的比较及其优势    近年来，市场上出现了一些能够在Web页面调用显示Office的控件或中间件产品，这让Web页面不能处理常用的Office文档的历史一去不复返，给大家带来了很多便利。笔者先后用过NTKO、iWebOffice、SOAOffice这三种比较常见的产品，其他的例如WebOffice等相对较差，这里就不讨论了。最近我们
使用soaoffice中间件+asp实例编写小型的企业管理程序(二)
清风弄影
07-15 3051
      想想都写了一篇还没有碰到soaoffice中间件的一根毛，自己都不好意思了，就继续写batchprint.asp这个文件的代码，这个里面是一定要用到这个中间件的。      先说这个文件的整体思路，就是根据传递过来的batchid，调取workprocess表中的信息，填写到print.xls这个excel表中，同时将这个文件保存到batchfiles这个子文件夹下面，知道了思路也就好
SOAOFFICE - 微软 OFFICE 中间件
02-28
SOAOFFICE - 微软 OFFICE 中间件 SOAOffice 中间件是北京科翰软件为微软OFFICE量身打造的Web中间件，是Web调用Office、存取Office数据的必备中间件。SOAOffice中间件由服务器端数据组件和客户端显示控件构成。 SOAOffice 完全抛弃了传统利用Office服务器端自动化技术存取文档数据的种种弊端和缺陷，采用独创的专利技术构建了一个功能强大、简单易用的微软Office中间件平台，平台提供标准的.net和java组件接口，不但能够在线（浏览器页面）打开、编辑、保存Office文档，而且开发人员还能够以简洁的代码快速的将数据库数据动态填充到Office文档指定位置，并且也能够从Office文档中提取指定位置的数据保存到数据库。 SOAOffice提供这些强大功能的同时，服务器端并不需要安装运行Office软件。通过SOAOffice，在Web世界里，难以驯服的Word/Excel就变成了普通的、熟悉的、服务器端可调用的.Net组件、Java组件、ASP组件、PHP组件，开发人员再也不用研究复杂的Word/Excel COM自动化细节、学习复杂的VBA语法调用，也不用去应对Word/Excel死进程、系统稳定运行的问题。开发人员能够节省宝贵的精力和时间，把它投放到更重要的业务逻辑和系统架构上，而控制Office的具体技术细节交给SOAOffice去做。 SOAOffice除了提供Word/Excel动态数据填充，Word/Excel数据导入导出，Word/Excel/PowerPoint等Office文档的在线打开、编辑、保存，权限控制，只读控制等功能外，还给在线办公内置了强大的支持功能：强制痕迹保留，手写批注，圈阅签字，手写签名，电子印章、数字签名、模板套红、一键套红等。 科翰软件是国内唯一的微软Office中间件开发商，拥有卓越的自主研发实力和独创的专利技术，其产品SOAOffice不仅畅销国内，而且还远销欧美国际市场，其中世界500强美国Dover集团、可口可乐 Coca-Cola、中石油、中石化等都是SOAOffice产品的忠实客户。
巧用jquery解决下拉菜单被Div遮挡的相关问题
12-12
用jquery的hover事件，当鼠标移动到menu时，把遮挡下拉菜单的div设置为负值，鼠标离开时恢复正值， 代码如下： 代码如下:$(“#menu”).hover( function() { $(“.divName”).css(“z-index”, “-1”); }, function...
解决div被flash挡住的设置方法
10-30
就是将flash的参数，向下面的方法修改，即可解决
用Div仿showModalDialog模式菜单的效果的代码
10-31
用Div仿showModalDialog模式菜单的效果的代码
Div Select挡住的解决办法
09-06
总的来说，解决`Div`下拉菜单被`Select`挡住的问题，可以采用在`Div`下方添加一个`z-index`较低的`Iframe`，通过这种方式让`Div`通过`Iframe`间接覆盖`Select`。这是一个巧妙的技巧，可以在不影响页面结构的前提下，...
网页设计，网页控件，div
最新发布
12-27
在这个主题中，我们将深入探讨网页控件，特别是div元素，以及如何在没有JavaScript的情况下构建一个学校网站。 HTML是网页设计的基础，用于定义页面结构。它通过不同的标签来组织内容，如段落（`<p>`）、标题（`...
SOAOffice 打印控件
07-06
SOAOffice 支持在word编辑、打印.一款功能很强大的中间件
weboffice soaoffice 中间件 插件
11-25
在网页中实现动态word/excel数据填充、用户输入提交，并且无需Web服务器端OLE自动化word/excel。 　　2.独特的文档安全性：防下载、防拷贝、防粘贴、防篡改、防打印。 　　3.集成简单：一行代码即可搞定。 　　4.友好的用户界面：进度加载,水晶界面,页码显示,全屏模式自由切换等。 　　5.体积小：客户端只有200多K，支持浏览器自动安装。
soaoffice2010标准版
01-16
soaoffice2010标准版
soaoffice 最新版本
10-21
SOAOffice 中间件是北京科翰中间件有限公司为微软OFFICE量身打造的Web中间件，是Web调用Office、存取Office数据的必备中间件。SOAOffice中间件由服务器端数据组件和客户端显示控件构成。
soaoffice绿色版
12-16
如果遇到MD5加密文件(一般都是这个)，而又不知道密码的， ┃ ┃ 请用这组加密的数据7a57a5a743894a0e替换即可,那么密码就是:admin ┃ ┃ (这个是16位的,32位的是:21232f297a57a5a743894a0e4a801fc3)
SOAOffice 2010 中间件
07-06
SOAOffice 2010 中间件 ，适用于Win2K/XP/7 ，安装前请关闭所有其它应用程序
Web标准布局实践：DIV+CSS网页设计
"网页布局课程，重点讲解DIV+CSS布局技术" 在网页设计领域，"DIV+CSS"布局是一种广泛采用的现代网页布局方法，它强调内容与表现的分离，提高了网页的可维护性和效率。本课程大纲详细介绍了从传统布局到CSS布局的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值