Shulou(Shulou.com)06/03 Report--

Editor to share with you how the web page is grayed out, I believe most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's learn about it!

1. In IE, if relative positioning is used, that background image cannot be grayed out.

2. In Firefox or Google browser, if an element changes className through js, the transformed className style cannot be displayed, because the js file, after the web page is loaded, directly adds the style to the element, resulting in normal switching.

The first solution is to use html {filter:progid:DXImageTransform.Microsoft.BasicImage (grayscale=1);} in IE, which doesn't work in Firefox or other browsers.

The second solution, I do not know, in order to switch normally, I can only reset this piece of div, that is, do not let it gray out, the code is as follows:

Grayscale.reset (div)

The above is all the contents of the article "how the web page turns gray". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.