2012-03-05 43 views
0

我爲一些登錄框中的漸變添加了一個備用圖片,但我已經意識到在現代Firefox和Chrome中它跳過代碼並直接進入備用圖片。我的備用圖片不斷加載到我的CSS中

background:-moz-linear-gradient(19% 75% 90deg,#0177a9, #53c3e8); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53c3e8), to(#0177a9)); 
background-color: #0177a9; 
background: url(../images/signin.png); 
background-repeat: repeat-x; 
background-position: -5px -13px; 

回退圖像實際上只是登錄框的截圖,但它看起來與通過CSS3漸變形成時的外觀完全相同。

如果我取出後備圖像和顏色,它會爲每個瀏覽器加載正確的webkit或moz,但只要我放置回退,就會加載回退。

我知道它使用後備,因爲我只是在錯誤的角度設置其位置,只是爲了看看它是否正在加載和它。誰能幫我?它沒有任何意義,它的發生。

謝謝!

+0

如果它是一個後備,那麼你需要有一個圖像之前的文物定義,否則它只是要覆蓋它們。 – prodigitalson 2012-03-05 00:03:13

回答

2

如果它是一個後備,那麼你需要有一個圖像之前的文物定義,否則它只是要覆蓋它們。

+0

完美!感謝大家 :) – Stamanatic 2012-03-05 16:20:28

0

將URL放在其他所有內容之前。排序可能是什麼給你做的。

0

通常,最後一個指令否決了前一個指令。嘗試將「background:url」作爲文件中的第一個。如果這沒有幫助,我沒有看到純粹的CSS解決方案。使用JS(查看modernizer庫來執行特徵檢測)。

相關問題