html - 背景图片仅在 ipad 上的 safari 刷新时出现

标签 html css

我的正文背景图片最初看起来被截断了,刷新后正确显示。

body {
  background-position: center;
  background-image:url(../interface_images/assessment/genericbackgroundx.gif);
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size:cover;
  background-attachment: scroll;
}

我将图像转换为 .gif,但这并不能解决问题。 有没有办法来解决这个问题?

最佳答案

将 background-attachment 值更改为 fixed。

  • 使用“滚动”(默认)- 背景图像将随着 页。
  • 使用“固定”- 背景图像不会随着 页。
  • With "local"- 背景图像将随着 元素的内容

你可以阅读更多here

关于html - 背景图片仅在 ipad 上的 safari 刷新时出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54944820/

相关文章:

javascript - 强制浏览器立即重新绘制 dom 元素

css - CSS 中奇怪的反斜杠和行为

css - 文本的垂直居中线

html - 如何修复动画问题 css3

javascript - IE8 丢失自定义标签

javascript - 隐藏右框阴影以制作垂直制表符

html - 网格,这样我就可以在不滚动的情况下适应整个移动屏幕

css-无法使文本与图标对齐

html - 使用下拉列表左右浮动导航按钮

html - 文本框中的文本对齐和光标高度