Почему chrome всегда добавляет div поверх тела html-файлов?

Question

Я новичок в веб-разработке, и после осмотра приличного количества сайтов я обнаружил, что Chrome всегда добавляет это div поверх body:

<div id="screen-shader" style="
        transition: opacity 0.1s ease 0s; 
        z-index: 2147483647;
        margin: 0; 
        border-radius: 0; 
        padding: 0; 
        background: #111111; 
        pointer-events: none; 
        position: fixed; 
        top: -10%; 
        right: -10%; 
        width: 120%; 
        height: 120%; 
        opacity: 0.6000;
        mix-blend-mode: multiply; 
        display: none;
    "></div>

Так что я был простоинтересно, что это на самом деле делает?

Answer 1

Я думаю, что у вас установлен плагин. Я думаю, что-то вроде: Screen Shader |Интеллектуальная тонировка экрана

Что он делает?

Он накладывает div на весь видовой экран, чтобы настроить цвет / яркость / что угодно.

Вот как это выглядит применительно только к 50% области просмотра:

<div id="screen-shader" style="
        transition: opacity 0.1s ease 0s; 
        z-index: 2147483647;
        margin: 0; 
        border-radius: 0; 
        padding: 0; 
        background: #111111; 
        pointer-events: none; 
        position: fixed; 
        top: -10%; 
        right: -10%; 
        width: 60%; 
        height: 120%; 
        opacity: 0.6000;
        mix-blend-mode: multiply; 
        display: fixed;
    "></div>
<img src="https://placeimg.com/360/180/animals" width="100%"/>