CSS3線性漸變背景圖像不會在歌劇中，11.11

Question

工作歌劇11.10的Ubuntu 10.04 64位：工作

歌劇11.11的Windows 7 64位：不工作

background-color: #D22027; 
background-image:   linear-gradient(bottom, #D22027, #444444); 
background-image: -moz-linear-gradient(bottom, #D22027, #444444); 
background-image: -webkit-linear-gradient(bottom, #D22027, #444444); 
background-image:  -o-linear-gradient(bottom, #D22027, #444444); 

任何想法？

Answer 1

您的梯度編碼是錯誤的，它不是一個圖像

background:   linear-gradient(bottom, #D22027, #444444); 
background: -moz-linear-gradient(bottom, #D22027, #444444); 
background: -webkit-linear-gradient(bottom, #D22027, #444444); 
background:  -o-linear-gradient(bottom, #D22027, #444444); 

現在他們在Safari，克羅默，歌劇，歌劇對我未來的工作，IE和Firefox。 並添加這些兼容性

/* Chrome before 10,Safari4+ */ 
background: -webkit-gradient(bottom, #D22027, #444444); 
/* IE10 */ 
background:  -ms-linear-gradient(bottom, #D22027, #444444); 

，你可以使用 http://www.colorzilla.com/gradient-editor/ 快速創建高兼容性梯度和/或學習的。