android - Safari Repeating-y 背景拉伸宽度

Question

我有一张网站http://www.myscholly.com的背景图片，它在 Firefox 和 chrome 中渲染得很好。但是，在 Safari 中加载时，它会拉伸背景图像，而不是应用 repeat-y 属性。这也发生在android上。为什么不能正确重复？是语法问题吗？

Answer 1

固定的。问题是 html5 属性

-webkit-background-size：封面；

这迫使背景图像扩展到页面宽度。

Answer 2

我从未见过将背景图像应用于 html 标签，只有 body 标签。尝试在 body 标签上的 htmlta 样式上应用所有样式，然后为当前的 body 样式围绕您的内容创建一个包装器。