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


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 相关文章推荐
Linux下实现PHP多进程的方法分享
Aug 16 PHP
解析PHP中如何将数组变量写入文件
Jun 06 PHP
解析php下载远程图片函数 可伪造来路
Jun 25 PHP
php查看请求头信息获取远程图片大小的方法分享
Dec 25 PHP
VB中的RasEnumConnections函数返回632错误解决方法
Jul 29 PHP
PHP使用MPDF类生成PDF的方法
Dec 08 PHP
必须收藏的php实用代码片段
Feb 02 PHP
PHP引用的调用方法分析
Apr 25 PHP
PHP实现随机生成水印图片功能
Mar 22 PHP
PHP空值检测函数与方法汇总
Nov 19 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
Oct 18 PHP
php使用redis的有序集合zset实现延迟队列应用示例
Feb 20 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
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
javascript自启动函数的问题探讨
2013/10/05 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
Javascript中arguments用法实例分析
2015/06/13 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
2016/06/26 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
Python如何为图片添加水印
2016/11/25 Python
python实现视频分帧效果
2019/05/31 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
使用Python在Windows下获取USB PID&amp;VID的方法
2019/07/02 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Python实现像awk一样分割字符串
2020/09/15 Python
Pytorch实现WGAN用于动漫头像生成
2021/03/04 Python
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
幼儿园中班个人总结
2015/02/28 职场文书
歌舞青春观后感
2015/06/10 职场文书
高中班主任寄语
2019/06/21 职场文书
2019年大学推荐信
2019/06/24 职场文书
Redis三种集群模式详解
2021/10/05 Redis
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB