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

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 configure whitelist access in mysql

>>:  How to use translate and transition in CSS3

Recommend

CSS method of controlling element height from bottom to top and from top to bottom

Let’s start the discussion from a common question...

Detailed explanation of mysql execution plan id is empty (UNION keyword)

Introduction During the work process, slow querie...

An article to deal with Mysql date and time functions

Table of contents Preface 1. Get the current time...

How to install nginx on win10

Because the company asked me to build a WebServic...

Velocity.js implements page scrolling switching effect

Today I will introduce a small Javascript animati...

Javascript scope and closure details

Table of contents 1. Scope 2. Scope Chain 3. Lexi...

How to display div on object without being blocked by object animation

Today I made a menu button. When you move the mous...

Introduction to the process of installing MySQL 8.0 in Linux environment

Table of contents Preface 1. Linux changes the yu...

Installation and configuration tutorial of MongoDB under Linux

MongoDB Installation Choose to install using Yum ...

Tkinter uses js canvas to achieve gradient color

Table of contents 1. Use RGB to represent color 2...

Some questions about hyperlinks

I am very happy to attend this episode of potato ...

MySQL partition table is classified by month

Table of contents Create a table View the databas...