如何复制固定在iOS上的后台附件
我试图让一个学校项目在iOS上工作的固定背景图像div。 我一直在使用
background-attachment: fixed;
但是这导致了怪异的大小和移动Safari浏览器没有滚动效果。 这是我正在使用的网站 ; 我目前用于引用div图像背景的方法在桌面上运行良好,但在iOS上完全失败。
不知何故, http: //www.everyonedeservesgreatdesign.com得到了这个工作。 我在编写代码时遇到了困难,因为他们正在使用某种types的平方空间模板,但是看起来他们正在将图像放入一个position:fixed
div,它被position:relative
剪裁position:relative
父div。 我的印象是,无法夹取position:fixed
用视口以外的任何东西来position:fixed
div,所以我对这里发生的事情非常好奇。
任何想法如何实现这个方法固定图像的div背景在我的网站?
过去有人问,移动浏览器显然要花费很多,所以已经被禁用了。
查看@PaulIrish的评论 :
固定背景具有巨大的重绘成本和抽取滚动性能,我相信,为什么它被禁用。
你可以在这篇文章中看到解决这个问题的办法:
修复了与ios7的背景图像
固定的身体背景在iOS7上滚动页面
它看起来像我的背景图像实际上不是背景图像…该网站有背景图像和兄弟分区的报价与div的孩子包含图像已被分配的位置:fixed; 引号div也给了透明的背景。
wrapper div{ image wrapper div{ div for individual image{ <--- Fixed position image <--- relative position } } quote wrapper div{ div for individual quote{ quote } } }