PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  php教程 > php手册

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

原创
2016-06-13 12:33:56 844浏览

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


有窗口元素大概有以下几种：
、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的z-index为8，然后将SELECT的z-index调为7即可（只需要比DIV的z-index小）。

解决 控件 遮挡 问题 关于 有 窗口 元 素和 无 元素 不知道 朋友们 有没有 碰 到过 控件 的 遮挡 问题 最PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：mysql 的 like 问题，超强毕杀记！！！ 下一条：最令PHP初学者们头痛的十四个问题

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！