全背景一頁第一格介紹

Question

我有一個錯誤，我有一個帶有內容和背景圖片的介紹div的onepage網站。 一切工作正常，只在iphone上沒有。

在iphone上的圖片是完全放大，但在Android上它工作正常。 這是介紹DIV CSS代碼：

#intro{ 
background: url('../images/index_pic.jpg') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
overflow: hidden; 
width:100%; 
height:100%; 
z-index: 1; 
} 

我把它從這個網站：http://css-tricks.com/perfect-full-page-background-image/

我該如何解決這個問題？

Answer 1

此css代碼不適用於iPhone。 當你想要完整的背景，你必須使用這個jquery庫 - >http://srobbin.com/jquery-plugins/backstretch/