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


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 相关文章推荐
PHP4 与 MySQL 数据库操作函数详解
Oct 09 PHP
php下实现伪 url 的超简单方法[转]
Sep 24 PHP
linux下删除7天前日志的代码(php+shell)
Jan 02 PHP
php输出1000以内质数(素数)示例
Feb 16 PHP
php字符串函数学习之substr()
Mar 27 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
Dec 31 PHP
PHP保存session到memcache服务器的方法
Jan 19 PHP
linux下为php添加iconv模块的方法
Feb 28 PHP
PHP对称加密算法(DES/AES)类的实现代码
Nov 14 PHP
购物车实现的几种方式优缺点对比
May 02 PHP
redis+php实现微博(一)注册与登录功能详解
Sep 23 PHP
php 多个变量指向同一个引用($b = &amp;$a)用法分析
Nov 13 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命名空间(Namespace)简明教程
2014/06/11 PHP
PHP错误处理函数
2016/04/03 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
js实现继承的5种方式
2015/12/01 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
Python创建日历实例
2014/08/21 Python
python搜索指定目录的方法
2015/04/29 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
python用户管理系统的实例讲解
2017/12/23 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Python之循环结构
2019/01/15 Python
python 画图 图例自由定义方式
2020/04/17 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
JAVA和C++区别都有哪些
2015/03/30 面试题
《会变的花树叶》教学反思
2014/02/10 职场文书
学生会主席竞聘书
2014/03/31 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
公务员政审个人总结
2015/02/12 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python