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


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 相关文章推荐
一个程序下载的管理程序(三)
Oct 09 PHP
关于时间计算的结总
Dec 06 PHP
PHP 验证码的实现代码
Jul 17 PHP
深入探讨PHP中的内存管理问题
Aug 31 PHP
PHP使用CURL_MULTI实现多线程采集的例子
Jul 29 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
Nov 20 PHP
php读取远程gzip压缩网页的方法
Dec 29 PHP
PHP实现文件上传与下载实例与总结
Mar 13 PHP
PHP获取网站中各文章的第一张图片的代码示例
May 20 PHP
PHP类相关知识点实例总结
Sep 28 PHP
Laravel创建数据库表结构的例子
Oct 09 PHP
基于PHP的微信公众号的开发流程详解
Aug 07 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
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
PHP中的表达式简述
2016/05/29 PHP
PHP7 错误处理机制修改
2021/03/09 PHP
JavaScript 事件对象的实现
2009/07/13 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
uploadify在Firefox下丢失session问题的解决方法
2013/08/07 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
实现React单页应用的方法详解
2016/08/02 Javascript
JS实现六位字符密码输入器功能
2016/08/19 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
jQuery中库的引用方法
2018/01/06 jQuery
vue实现分页组件
2020/06/16 Javascript
Async/Await替代Promise的6个理由
2019/06/15 Javascript
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
Hotels.com越南:酒店预订
2019/10/29 全球购物
什么是组件架构
2016/05/15 面试题
小学生开学第一课活动方案
2014/03/27 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
授权委托书
2014/09/17 职场文书
督导岗位职责范本
2015/04/10 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript