我希望我的背景图像保持在同一个位置.所以我利用了
background-attachment:fixed;
当我发现iOS显然不支持这个属性时,我决定将一个固定的背景div放入DOM中.这实际上很有效:
#background {
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-position:50% 0%;
background-repeat:no-repeat;
background-attachment:fixed;
background-image:url("images/mark-bg.png");
}
初看起来,这在iOS中也很有用.但后来我认识到,Safari会将DIV向上滚动到滚动的位置,如果不能修复的话.
现在我问自己»到底是什么……?!«我的意思是……为什么iOS会滚动一个被明确告知不要这样做的元素?
有智能解决方案吗?
编辑
我刚刚发现,元素不会移动,但背景图像会移动……