Css 使用多点触控滚动时，是否可以将页面背景设置为lion
Lion中的Chrome和Safari在使用触摸输入时具有类似Mobile Safari的overscroll功能。在大多数网页上，显示的背景是一种灰色的羊皮纸图案。尽管如此，还是有一些网站没有显示这种背景，要么是单一颜色，要么是第一个像素背景的重复版本。Css 使用多点触控滚动时，是否可以将页面背景设置为lion,css,webkit,osx-lion,Css,Webkit,Osx Lion,Lion中的Chrome和Safari在使用触摸输入时具有类似Mobile Safari的overscroll功能。在大多数网页上，显示的背景是一种灰色的羊皮纸图案。尽管如此，还是有一些网站没有显示这种背景，要么是单一颜色，要么是第一个像素背景的重复版本。 堆栈溢出的行为符合预期 mozilla网站如下所示 到目前为止，我还不能确定发生这种情况的单一原因。这是有记录的吗？有没有复制它的方法？要么第一个像素的背景向上延伸，要么完全不同 更进一步。如果可以复制这种效果，那么这种效果是否可以用
堆栈溢出的行为符合预期 mozilla网站如下所示
到目前为止，我还不能确定发生这种情况的单一原因。这是有记录的吗？有没有复制它的方法？要么第一个像素的背景向上延伸，要么完全不同
更进一步。如果可以复制这种效果，那么这种效果是否可以用于重新创建许多移动应用程序中的“拉入刷新”功能？换句话说，这是在dom中测量的过卷还是仅仅是操作系统产生的效果？
谢谢您所说的实际上是所有lion-ized应用程序的共同行为。Chrome15（和16）支持这一点，而Chrome14则不支持。这是一个应用程序是否经过触摸优化的问题 我不认为有任何方法可以控制这种行为（除非浏览器引入了某种“overscroll”javascript事件——对此深表怀疑）
目前还没有已知的方法通过CSS为该区域设置样式。这在chrome 15中有效 position:fixed、top:0和3d变换操作的组合似乎会导致这种行为
<!doctype html>
<head>
<style>
#header {
position: fixed;
top: 0;
background: red;
}
#content {
/*
-webkit-transform: rotate3d(0,0,0,0deg);
*/
-webkit-transform: scale3d(1,1,1);
}
</style>
</head>
<body>
<div id="header">header</div>
<div id="content">content</div>
</body>
</html>
#标题{
位置：固定；
排名：0；
背景：红色；
}
#内容{
/*
-webkit变换：旋转3D（0,0,0,0度）；
*/
-webkit转换：scale3d（1,1,1）；
}
标题
内容