2013-06-25 135 views
0

有沒有人知道爲什麼下面的CSS無法在Safari上顯示我的背景圖片。請注意,這個CSS顯示在其他瀏覽器我的背景圖片:Safari上沒有顯示背景圖片

.thGridColumnHeader 
{ 
    background-image: url('../Images/Textures/glass.png'); 
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-position: 50% 50%; 
    background-color: #1d1d1d; 
} 

下面是其他瀏覽器上

enter image description here

這裏輸出是在Safari

enter image description here

回答

2
輸出

我剛剛通過在CSS類中進行以下調整來解決我的問題。

.thGridColumnHeader 
{ 
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%); 
    background-position: 50% 50%; 
    background-color: #1d1d1d; 
    background-image: url('../Images/Textures/glass.png'); 
} 

我已經將下面的代碼轉移到CSS類的最後部分,它的工作。

background-image: url('../Images/Textures/glass.png'); 

這裏是輸出現在野生動物園:

enter image description here

+1

你應該接受你的答案,如果你能 – vijrox

+0

@VijayRamamurthy它說我要等兩天解決它。 –

+0

我已經找到解決方案謝謝你的answare,但我有其他問題,我以編程方式添加背景圖像,所以我不能把「背景圖像的CSS」放在底部,你知道如何解決它? –

2

我有同樣的問題與Safari瀏覽器下的視差的背景圖像。我加入的z-index樣式

z-index:-1;