使用chrome开发工具调试时可以隐藏CSS网格线吗？

Question

您好，我正在尝试修复我正在处理的模态上的间距，背景是图像网格。我不想禁用 css 网格，因为当我尝试调试 css 问题时，这会让我感觉更疯狂。

我只是想找到一种方法来禁用打开 chrome 开发工具时看到的叠加层。有谁知道我可以做到这一点的方法吗？

这是一个例子：

Answer 1

请参阅 检查 CSS 网格布局 - 网格覆盖

启用多个网格的叠加视图

您可以启用多个网格的叠加视图

Flexbox 覆盖也有类似的控件。