case analysis
There is a div with copyright information on the page. Set the fixed location at the bottom.
Every time I open the console, this div will mask the "Login Now" button.
Because after the page height changes, the fixed positioning will make the div move up, which just blocks the buttons below.
I have to realize now: The div is displayed on the top but does not cover the elements below
[Normal browser size]
[When the console is opened....]
Use point events to penetrate
You just need to use the following style for this div!
/*The code of the elements below is not obscured by the element mask layer*/ -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none;