问

iOS Safari放大高分辨率背景图像

王小小小小弦发布于 2023-01-09 17:34

css

我正在一个网站上工作,该网站具有高分辨率的背景图像.使用以下CSS设置背景图像

#intro {
background: url(https://s3.amazonaws.com/ooomf-com-files/XIBPemROQ9iJdUMOOBmG_IMG_1863.jpg) no-repeat 50% 50% fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}

在我的桌面上查看它工作正常.

在Firefox的响应式视图中查看时,它按预期工作.

但是,当我在装有iOS 7的iPhone 5上查看时,它会产生这个效果.

设置时出现问题

background-size: cover;

但我似乎无法弄明白.我已经在互联网上搜索过了.

站点本身,在开发环境中:

http://websites.terarion.com/ehlen/

我得到背景的地方:

http://unsplash.com/

1 个回答

哇,似乎Mobile Safari 不支持 background-attachment: fixed(或者,至少不支持它......)

如果你删除它,background-size: cover行为与你期望的一样,但它打破了预期的行为......

如果需要,Mobile Safari有一些工作,涉及内容后面的固定元素以模仿background-attachment: fixed.

关闭主题,但喜欢设计!

2023-01-09 17:37 回答

lovely--蕙蕙_868

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签