2011-07-01 32 views
1

我有一個相對複雜的按鈕,我使用CSS3樣式,它的外觀和行爲如我所期望的,除了轉換不起作用。它應該褪色懸停等,但它只是不工作,在莫茲歌劇和鉻測試,沒有運氣。CSS3轉換不能在按鈕上工作

下面是一個小提琴http://jsfiddle.net/dsyne/DpsuN/1/

任何幫助,將不勝感激一個鏈接,我已經嘗試了很多不同的東西。例如重新排序堆棧。我不確定排序對於轉換很重要嗎?

編輯:錯誤的鏈接對不起

回答

1

漸變不直接支持轉換。你應該定義你的背景顏色,然後使用一個純粹的alpha漸變,在各州之間添加陰影。

+0

你是指純粹的alpha像這樣:'background:-moz-linear-gradient(top,rgba(0,102,153,0.8),rgba(0,102,153,1));'過渡似乎在正常狀態下以漸變方式工作,但是當我將漸變添加到懸停/焦點/活動狀態時並非如此。 – tcnarss

+0

得到它終於使用白色漸變alpha只。似乎只能在所有狀態下使用完全相同的梯度值。還有一點要注意的是,它不會工作,除非在css中的漸變背景下聲明背景顏色。非常感謝你指點我正確的方向。 – tcnarss

+1

是的,在邊緣的web開發的樂趣! :-) –