CSS样式的窗口背景是否可能超出Mac上的页面?
是否可以为浏览器的窗格背景设置样式或颜色?CSS样式的窗口背景是否可能超出Mac上的页面?,css,macos,browser,Css,Macos,Browser,是否可以为浏览器的窗格背景设置样式或颜色? 在Mac上的Chrome和Safari中滚动到边缘以外时, 整个页面被向下和/或横向拉一点 它显示了纹理的基本画布样式, 是否可以(使用CSS)设置该区域的样式 编辑:我找到了一种(粗糙的)方法来完全防止过度滚动, 但我正在寻找一种方法来设置颜色或纹理,以匹配整体设计。 不幸的是,这是不可能的。这是应用程序(Safari)的一部分,不能与网页一起设置样式。可能不再需要它,但可能其他人也希望这样做:D 这将在任何ios设备的overscroll区域上放
在Mac上的Chrome和Safari中滚动到边缘以外时,
整个页面被向下和/或横向拉一点 它显示了纹理的基本画布样式,
是否可以(使用CSS)设置该区域的样式 编辑:我找到了一种(粗糙的)方法来完全防止过度滚动,
但我正在寻找一种方法来设置颜色或纹理,以匹配整体设计。
不幸的是,这是不可能的。这是应用程序(Safari)的一部分,不能与网页一起设置样式。可能不再需要它,但可能其他人也希望这样做:D 这将在任何ios设备的overscroll区域上放置背景色
body:after {
content: '';
position: fixed;
top: -50%;
right: -50%;
bottom: -50%;
left: -50%;
z-index: -1;
background: #000000;
}
是指向我的要点的链接设置身体颜色身体{background color:white}应该有效 更复杂的是,如果您需要更改过卷颜色,同时保持车身颜色为白色(仅在iOS10.3 Safari上测试)。我使用1x1白色像素执行了以下操作:
body {
background-color: rgba(0, 0, 0, 0.4);
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP7//wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);
background-size: 100% 100%;
}
供参考1:我尝试过的另外三件对我不起作用的事情是:outline:100px固体rgba(0,0,0,0.4)代码>,框阴影:0 100px rgba(0,0,0,0.4)代码>和背景:#FFF,rgba(0,0,0,0.4)代码>
仅供参考2:我记得真正旧版本的Safari需要在html元素上设置颜色。这有帮助吗?这是相当永久的,哈哈。我希望找到一个网站解决方案,能够将其设置为颜色或纹理,与整体设计相匹配。嗯,我不是MAC用户,但我认为这与浏览器本身有关,在本例中是Safari。如果我错了,请纠正我。在Safari和Chrome中,overscroll区域现在与身体的背景颜色相同。