css - 背景附件:修复了在 Safari 上不工作的问题

标签 css safari cross-browser background-attachment background-size

我在一个跨越 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 之外的所有浏览器 - 有什么我遗漏的想法吗?

我试过将元素 heightmin-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/

相关文章:

javascript - 我如何在javascript中克隆图像

css - 纯 CSS 弹出菜单 - 在点击/触摸/单击时显示/隐藏

css - 在伪元素中嵌套伪元素

javascript - 拉伸(stretch)和可滚动的内部 div

safari - 如何在 Safari 上导出 har 文件?

javascript - Safari/iOS 中 'download' 属性的替代方法

ios - Facebook iOS 9 SDK 登录在 Safari 上重定向至 mbasic.facebook.com

css - 我们如何计算“flex 基准:自动和最小宽度”和“横轴宽度”?

css - 强制 FF/chrome 使用 greasemonkey(或其他方式)忽略元标记

html - 禁用 Javascript 的最佳做法?