Layer Pop-up layer is not centered solution, only masks are displayed, no pop-up windows

Source: Internet
Author: User

Problem: The project encountered a layer problem, because the page loads more pictures, click Delete is the layer of the query layers of the pop-up window only shows the mask layer, does not show the pop-up window ...

Cause: There are too many pictures to extrude the Layer pop-up window below the screen and see the missing ...

Solution: Center The layer's pop-up to display


First, the problem description

Using the layer to do the operation results prompt, found that if the page is outside the height of the screen, the pop-up hint is not the center of the screen, but in the middle of the page height, if the height of a page is relatively large, you can not see the hint.

Another case is that the layer pop-up window only shows the matte layer, no display window (IFrame)

Second, the solution

Workaround One:

When the page lacks the following statement, adding a declaration to the top of the page solves the problem.

My page is less this, plus on the normal. The reason is that this statement is missing, resulting in incorrect parsing of the page.

<!doctype html>


Popular Science: Definition and Usage

<! The doctype> declaration must be the first line in the HTML document, before the

<! The doctype> declaration is not an HTML tag; it is a directive that instructs the Web browser to write which HTML version of the page to use.

In HTML 4.01, <! The doctype> declaration references a DTD because HTML 4.01 is based on SGML. The DTD prescribes the rules of the markup language so that the browser renders the content correctly.

HTML5 is not based on SGML, so you do not need to reference a DTD.

tip: always add <! to your HTML document Doctype> declaration so that the browser can learn the document type.

Workaround Two:

Add a style to body to set the body height to 100%

<body style= "height:100%;" > ...
.......

</body>


It is recommended to use the first one because of the comparison criteria.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.