背景附件：固定不工作在Safari

我已经得到了跨越浏览器的100％的元素上运行下面的代码：背景附件：固定不工作在Safari

#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/

来源

2014-09-22 Tiny Giant Studios

什么版本的Safari浏览器使用一切似乎完美的马Safari浏览器。 – Benjamin 2014-09-22 11:13:56

嗯。奇。在Win 8.1上使用5.1.7 – 2014-09-22 11:16:12

这是版本7.0.6 mac – Benjamin 2014-09-22 11:17:22

原来Safari浏览器的Windows不再支持（我怎么会错过这个？！），我使用了一个远老太是有用的。使用OSX/Safari，东西看起来很桃色（根据本杰明）

来源

2014-09-22 11:37:40

Protip：Internet Explorer for Mac也停用。 :-P – cvrebert 2014-09-23 06:35:03

因此，这将因为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; 
}

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

SOURCE LINK

CHECK BROWSER SUPPORT

来源

2014-09-22 11:23:11 Benjamin

仍然没有快乐;浏览器前缀只会将bg图像向下推。固定和封面图像仍然不能很好地播放。 – 2014-09-22 11:27:32

对不起。 – Benjamin 2014-09-22 11:34:21

同上。感谢您抽出时间。非常感激。 – 2014-09-22 11:35:53

背景附件：固定不工作在Safari

回答

相关问题