Home > Web Front-end > Bootstrap Tutorial > How to remove mask layer in bootstrap

How to remove mask layer in bootstrap

藏色散人
Release: 2020-11-17 15:31:02
Original
3370 people have browsed it

How to remove the mask layer in bootstrap: first open the corresponding css file; then modify the code content to ".modal-backdrop {filter: alpha(opacity=0)!important;opacity: 0!important;} "That's it.

How to remove mask layer in bootstrap

Recommended: "bootstrap Tutorial"

bootstrap pop-up frame removal mask layer effect

solves this problem through css. The core css code is as follows:

.modal-backdrop {
filter: alpha(opacity=0)!important;
opacity: 0!important;
}
Copy after login

alpha and opacity usually determine transparency.

What is the difference between alpha and opacity?

Same points:

Both values ​​are 0 for complete transparency and 1 for complete opacity.

Difference:

Alpha can apply element-specific attributes, which can only affect the current element, and its sub-elements cannot be inherited, while opacity not only affects the current element, but also affects sub-elements and its sub-sub elements, with inheritance.

The above is the detailed content of How to remove mask layer in bootstrap. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template