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


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制作的意见反馈表源码
Mar 11 PHP
php中用数组的方法设置cookies
Apr 21 PHP
PHP面向对象学习笔记之一 基础概念
Oct 06 PHP
PHP迭代器的内部执行过程详解
Nov 12 PHP
php中HTTP_REFERER函数用法实例
Nov 21 PHP
PHP生成条形码大揭秘
Sep 24 PHP
ThinkPHP连接Oracle数据库
Apr 22 PHP
Yii针对添加行的增删改查操作示例
Oct 18 PHP
PHP如何搭建百度Ueditor富文本编辑器
Sep 21 PHP
phpMyAdmin通过密码漏洞留后门文件
Nov 20 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
May 14 PHP
imagettftext() 失效,不起作用
Mar 09 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
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
PHP SESSION机制的理解与实例
2019/03/22 PHP
js left,right,mid函数
2008/06/10 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
2009/11/30 Javascript
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
JavaScript中常见获取元素的方法汇总
2015/03/04 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
详解Python中的Descriptor描述符类
2016/06/14 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
python输入一个水仙花数(三位数) 输出百位十位个位实例
2020/05/03 Python
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
QA工程师岗位职责
2013/11/20 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
学习雷锋主题班会
2015/08/14 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
python状态机transitions库详解
2021/06/02 Python
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python
Redis keys命令的具体使用
2022/06/05 Redis