獲取梯度背景顏色

Question

工作現在我有這個CSS的按鈕：

background: #19558D url(../images/gradient.gif) repeat-x top left; 

出現梯度，但背景色沒有。當我重新加載頁面時，顏色瞬間出現，但隨後消失爲漸變。我怎樣才能讓他們倆工作？

Answer 1

好了，你有幾種選擇：

1.只能使用圖片：

您可以通過編輯漸變做的工作，這樣它看起來你到底如何想它是，不任何新的CSS。 （這將是你用來解決問題的那個）。

2.在頂部使用圖像和在純色的其餘部分：

element{ background:#000 (url) top left repeat-x; } 

這將圖像置於url在頂部，並做出了一定的純色的元件的其餘部分。請注意，如果圖像覆蓋了所有元素且不透明，則純色將不可見。

3.漸變透明/阿爾法：

如果梯度覆蓋了所有的元素，你可以把它透明或半透明，從而使CSS背景色是可見的背後它。例如，如果您製作的漸變從黑色漸變爲透明漸變，然後添加一個白色的CSS bg，那麼您將得到一個黑色到白色漸變。請注意，使用此方法的唯一圖像是.png，因爲它們是唯一支持Alpha級別（部分投影膠片）的圖像。

Answer 2

是GIF透明嗎？我使用PNG格式，因爲PNG-24允許使用alphablending掩碼，其中GIF只支持透明或不透明（1/0）

但我認爲您需要發佈一個鏈接或它的外觀圖像，包括GIF。 我們需要一些像素規格，例如寬度和高度來充分理解問題。