解决控件遮挡问题:关于有窗口元素和无窗口元素


Posted in PHP onJanuary 28, 2007

不知道朋友们有没有碰到过控件的遮挡问题,最典型的就是DropdownList和ActiveX的遮挡,HTML的z-index就是用于处理这个问题,但是直接设置这个属性还不行,因为这中间还牵扯到有窗口元素和无窗口元素的问题。

有窗口元素大概有以下几种: 
<object> 、ActiveX控件 、Plug-ins、DHTML Scriptlets、SELECT elements(即DropdownList的HTML表现)、IE5.01以前的IFRAMEs 

无窗口元素包括: 
无窗口的ActiveX控件、IE5.5以后的IFRAMEs、大部分的DHTML元素 

其中很值得一提的就是ActiveX控件,默认情况下,VB和MFC的控件是有窗口的,ATL控件是无窗口的,但是ActiveX控件是作为无窗口来进行实现而且实际上被归类到无窗口元素中。 

不管容器怎么设定,所有的有窗口元素都会出现在无窗口的元素之上,有窗口元素和无窗口元素内部自身互相会遵循z-index属性,它们会被绘制在不同的平面上进行显示,设置z-index只能对它们所在的平面起作用,而且有窗口元素的平面始终处于无窗口元素平面之上。 

那么解决遮挡问题的思路就很简单了,把我们的元素封装进一个DIV中,代码示例如下: 

<DIV id="PAL2" style="DISPLAY: inline; Z-INDEX: 8; LEFT: 80px; WIDTH: 360px; POSITION: absolute; TOP: 80px; HEIGHT: 168px"> 
<OBJECT id="dhtmltest" style="Z-INDEX: 8; WIDTH: 352px; HEIGHT: 168px" type="text/x-scriptlet" data="TestDivDropdownList.htm" VIEWASTEXT> 
</OBJECT></DIV> 

DIV的z-index为8,然后将SELECT的z-index调为7即可(只需要比DIV的z-index小)。

PHP 相关文章推荐
php学习笔记(三)操作符与控制结构
Aug 06 PHP
探讨php中遍历二维数组的几种方法详解
Jun 08 PHP
实例介绍PHP的Reflection反射机制
Aug 05 PHP
ThinkPHP中关联查询实例
Dec 02 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
Jan 04 PHP
php实现四舍五入的方法小结
Mar 03 PHP
php将字符串转换成16进制的方法
Mar 17 PHP
PHP快速生成各种信息提示框的方法
Feb 03 PHP
项目中应用Redis+Php的场景
May 22 PHP
THINKPHP截取中文字符串函数实例代码
Mar 20 PHP
php安装扩展mysqli的实现步骤及报错解决办法
Sep 23 PHP
laravel添加前台跳转成功页面示例
Oct 22 PHP
获得Google PR值的PHP代码
Jan 28 #PHP
一键删除顽固的空文件夹 软件下载
Jan 26 #PHP
php中通过smtp发邮件的类,测试通过
Jan 22 #PHP
php5.2.0内存管理改进
Jan 22 #PHP
php中截取字符串支持utf-8
Jan 18 #PHP
php中的登陆login
Jan 18 #PHP
php中的时间显示
Jan 18 #PHP
You might like
消息持续发送的完整例子
2006/10/09 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
js格式化时间小结
2014/11/03 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
Python实现批量把SVG格式转成png、pdf格式的代码分享
2014/08/21 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
python3处理含有中文的url方法
2018/05/10 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
Python的bit_length函数来二进制的位数方法
2019/08/27 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
python 逆向爬虫正确调用 JAR 加密逻辑
2021/01/12 Python
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
教师实习期自我鉴定
2013/10/06 职场文书
文员岗位职责
2013/11/09 职场文书
优秀的计算机专业求职信范文
2013/12/27 职场文书
导师对论文的学术评语
2015/01/04 职场文书
同学聚会通知短信
2015/04/20 职场文书
单位提档介绍信
2015/10/22 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript