时间戳

首页 > 解决方案 > 为什么chrome总是在html文件的body上面加一个div？

html - 为什么chrome总是在html文件的body上面加一个div？

问题描述

我是 Web 开发的新手，在检查了相当多的网站后，我发现 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>

所以我只是想知道它实际上是做什么的？

标签： htmlgoogle-chrome

解决方案

我想你已经安装了一个插件。我的猜测是：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%"/>

推荐阅读