简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > 后端开发 > php教程 > 正文

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

WBOY
发布： 2016-07-21 15:57:50
原创
882 人浏览过

不知道朋友们有没有碰到过控件的遮挡问题，最典型的就是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小）。

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/317755.htmlTechArticle不知道朋友们有没有碰到过控件的遮挡问题，最典型的就是DropdownList和ActiveX的遮挡，HTML的z-index就是用于处理这个问题，但是直接设置这个...
相关标签：
元素 关于 控件 最 有 的 窗口 解决 问题
来源：php.cn
上一篇：回答PHPCHINA上的几个问题:URL映射_PHP教程 下一篇：模拟flock实现文件锁定_PHP教程
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Vue项目中未定义模块 我刚刚通过运行npmini tvue@latest创建了一个新的Vue应用程序，如官方文档中指定的那样。然后我尝试按照Vue和Vite网站上的指南将Tailwind添加到我的应用程...
来自于 2023-11-17 12:38:53
0
2
394
Nuxt.js SSG（静态站点生成器）获取API数据 当使用静态站点生成器构建项目时，我理解提前创建的文档是提供给用户的。如果进入页面时有使用axios等获取数据并显示在屏幕上的逻辑，对应的API是被缓存还是不被调用？
来自于 2023-11-16 21:36:07
0
1
176
react中的受控元素怎么理解 react中的受控元素怎么理解？使用state状态控制？react中的受控元素怎么理解？使用state状态控制？
来自于 2023-11-16 14:51:10
0
1
106
解决Django中的django.db.utils.NotSupportedError错误 我在Django中运行项目时遇到错误。问题是不幸的是我升级了我的pip、MySQL客户端和Django版本这是运行pythonmanage.pyrunserver时的错误inche...
来自于 2023-11-14 11:59:20
0
1
246
PHP 修剪 unicode 空格 我正在尝试修剪诸如此字符之类的unicode空格，并且我能够使用此解决方案来做到这一点。此解决方案的问题是它不会修剪普通字符之间的unicode空格。例如这个使用薄空间$strin...
来自于 2023-11-13 08:49:45
0
2
398
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！