Regarding the blurred ghosting of HTML fonts, the font becomes normal after clicking and the solution

About the situation and solution that the HTML font appears blurred and the font becomes normal after clicking

The problem just appeared on the page:

insert image description here

After clicking the font, it becomes normal:

insert image description here

Reasons and solutions:

Because the development is using the Blue Lake, the styles are copied directly, and this style attribute of the background CSS causes ghosting:

/* 使背景模糊 */
backdrop-filter: blur(8.1px);

After removing it, it will be normal. Friends in similar situations can check whether this attribute works.

Guess you like

Origin blog.csdn.net/get_404/article/details/126853020