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

How to remove mask layer in bootstrap

藏色散人
藏色散人Original
2020-11-09 09:39:533348browse

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;
}

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!

Statement:
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
Previous article:what is bootstrap lessNext article:what is bootstrap less