背景附件：固定不工作在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

回答

相關問題