简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Backend Development > PHP Tutorial > body text

Solving the problem of control occlusion: About windowed elements and windowless elements_PHP tutorial

WBOY
Release： 2016-07-21 15:57:50
Original
888 people have browsed it

I don’t know if my friends have ever encountered the occlusion problem of controls. The most typical ones are the occlusion of DropdownList and ActiveX. HTML’s z-index is used to deal with this problem, but setting this attribute directly is not enough because it involves There are issues with windowed elements and windowless elements.


There are probably the following types of window elements:
, ActiveX controls, Plug-ins, DHTML Scriptlets, SELECT elements (that is, the HTML representation of DropdownList), and before IE5.01 IFRAMEs


Windowless elements include:
Windowless ActiveX controls, IFRAMEs after IE5.5, most DHTML elements


Which are worth mentioning What I’m talking about is ActiveX controls. By default, VB and MFC controls have windows, and ATL controls are windowless. However, ActiveX controls are implemented as windowless and are actually classified into windowless elements.


No matter how the container is set, all windowed elements will appear on top of windowless elements. Windowed elements and windowless elements will follow the z-index attribute of each other internally, and they will be Drawing is displayed on different planes. Setting z-index can only affect the plane where they are located, and the plane with window elements is always above the plane of non-window elements.


Then the idea to solve the occlusion problem is very simple. Encapsulate our elements into a DIV. The code example is as follows:





DIV The z-index is 8, and then adjust the z-index of SELECT to 7 (it only needs to be smaller than the z-index of DIV).

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/317755.htmlTechArticleI don’t know if my friends have encountered the occlusion problem of controls. The most typical ones are the occlusion of DropdownList and ActiveX. HTML's z-index is used to deal with this problem, but set this directly...
Related labels：
element about control most have of window solve question
source：php.cn
Previous article：Answer several questions on PHPCHINA: URL mapping_PHP tutorial Next article：Simulate flock to implement file locking_PHP tutorial
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Module is not defined in Vue project I just created a new Vue application by running npmini tvue@latest as specified in the off...
From 2023-11-17 12:38:53
0
2
394
Nuxt.js SSG (Static Site Generator) Get API Data When building a project using a static site generator, I understand that documentation cre...
From 2023-11-16 21:36:07
0
1
176
How to understand controlled elements in react How to understand controlled elements in react? Use state control? How to understand contr...
From 2023-11-16 14:51:10
0
1
106
Resolving django.db.utils.NotSupportedError error in Django I'm getting an error when running a project in Django. The problem is unfortunately I upgr...
From 2023-11-14 11:59:20
0
1
246
PHP trim unicode spaces I'm trying to trim unicode spaces such as this character and I was able to do it using thi...
From 2023-11-13 08:49:45
0
2
398
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！