我在一个跨越 100% 浏览器的元素上运行了以下代码:
#section_white {
background-attachment:fixed;
background-image:url(image_url_here.jpg);
background-position:100% 100%;
background-repeat:no-repeat no-repeat;
background-size:cover;
}
我需要做的是让图像跨越浏览器的整个宽度,同时保持固定(从而允许内容在其上方滚动)。
它似乎适用于除 Safari 之外的所有浏览器 - 有什么我遗漏的想法吗?
我试过将元素 height 和 min-height 设置为 100%,但没有成功。
可在此处查看演示页面的链接:http://oscarsarc.tinygiantstudios.co.za/adopt/adopt-nationwide/
最佳答案
事实证明,Windows 版 Safari 不再受支持(我怎么错过了这个?!)而且我使用的 Safari 太旧了,无法使用。使用 OSX/Safari,一切看起来很美好(根据 Benjamin 的说法)
关于css - 背景附件:修复了在 Safari 上不工作的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25972352/