如何在body外部设计背景颜色

如果您在iOS上的Safari上使用下面的演示，然后向下滚动，您将能够在身体外滚动，直到从触摸屏中释放出手指为止。在身体外面的背景是白色的。您如何更改身体元素以外的颜色？

我尝试过造型HTML标签，搜索Google的答案，但找不到任何运气。我已经看到网站在您的身体上方滚动时，颜色除了白色以外的东西。

<html>
    <head>
        <style>
            body {
                margin: 0px;
            }
            div {
                background: black;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>

有一个称为 theme-color的元数据选项，该选项可在iOS上以及其他移动浏览器上设置身体外部背景的颜色和Safari上的Tab Color。根据Mozilla的数据，似乎在2021年添加了对此的支持

要将背景设置为黑色，您将在<head>中添加元标记：

<head>
    <meta name="theme-color" content="black" />
</head>

您也可以基于首选配色方案进行设置：

<head>
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="cyan" />
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />
</head>

更多信息：https：//developer.mozilla.org/en-us/docs/web/html/element/meta/meta/name/name/theme-color

相关内容

最新更新

热门标签：