Dealing with the problem of notes details turning gray on web pages

1. In IE, if relative positioning is used, that is, <div style="background:url();position:relative;"></div>, the background image cannot be grayed out.

2. In Firefox or Google Chrome, if the className of an element is changed through js, the changed className style cannot be displayed because the js file directly adds the style to the element after the web page is loaded, resulting in the inability to switch normally.

The first solution is to use the code html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } in IE. It does not work in Firefox or other browsers.

I don't know the second solution either. In order to switch normally, I can only reset the div in this area, that is, not let it gray out. The code is as follows:

grayscale.reset(div);

Related information: https://www.jb51.net/article/23167.htm

How to use tinymce in vue3.0+ and implement the function of uploading multiple images and file upload formula editing

Blog

Dealing with the problem of notes details turning gray on web pages

Clever use of webkit-box-reflect to achieve various dynamic effects (summary)

Docker uses CMD or ENTRYPOINT commands to start multiple services at the same time

Pure CSS to achieve the water drop animation button in Material Design

Let's talk about the issue of passing parameters to React onClick

Postman automated interface testing practice

How to use tinymce in vue3.0+ and implement the function of uploading multiple images and file upload formula editing

Vue Basic Tutorial: Conditional Rendering and List Rendering

How to use CSS pseudo-elements to control the style of several consecutive elements

Docker Swarm from deployment to basic operations

How to modify Flash SWF files in web pages

Recommend

Detailed explanation of MySQL execution principle, logical layering, and changing database processing engine

Why node.js is not suitable for large projects

Web design skills: iframe adaptive height problem

Solve the problem of Docker starting Elasticsearch7.x and reporting an error

MySQL 8.0.20 compressed version installation tutorial with pictures and text

Special commands in MySql database query

Detailed explanation of adding click event in echarts tooltip in Vue

Pure CSS3 realizes the effect of div entering and exiting in order

Basic notes on html and css (must read for front-end)

Uncommon but useful tags in Xhtml

Vue data two-way binding implementation method

How to set the width and height of html table cells

Click on the anchor link in JS to scroll smoothly and adjust to the top position freely

Docker connects to the host Mysql operation

How to install theano and keras on ubuntu system