背景圖片（居中）在iPhone

Question

這裏是我的CSS類

.parallax { 
     background: url(../images/indexParallax.png) no-repeat center center fixed; 
     display: table; 
     height: 100%; 
     position: relative; 
     width: 100%; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
     overflow: hidden; 
} 

在臺式電腦和Android手機，正確顯示該視差。但是當涉及到iPhone（4和5和6）時，就會出現問題。圖像顯示但沒有正確縮放背景圖像。

任何想法？謝謝。

Answer 1

我還沒有嘗試過這個自己，但這裏是一個應該解決

-webkit-background-size: 100%; 
-moz-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

基本上，如果瀏覽器無法使用蓋，然後它會採取100％，這應該提供類似的結果。

background-size: cover;是bugged在iOS