1

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

我尝试将元素高度和最小高度设置为100%，但没有任何乐趣。

可以在此处查看演示页面的链接：http: //oscarsarc.tinygiantstudios.co.za/adopt/adopt-nationwide/

4

2 回答 2

2

结果发现不再支持 Windows 版 Safari（我怎么会错过这个？！）而且我使用的那个太旧了，无法使用。使用 OSX / Safari，事情看起来很漂亮（根据 Benjamin）

于 2014-09-22T11:37:40.120 回答
-2

因此，这将有所帮助，因为background-size您的 safari 版本部分支持您应该prefix如下使用

html { 
  background: url(image_url_here.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

试试这个，让我知道任何问题。

来源链接

检查浏览器支持

于 2014-09-22T11:23:11.927 回答