Почему градиент не работает в mozilla? Он отлично работает хром

Question

Я попробовал -moz-linear-gradient в #inner, он не работает в Mozilla.

background: -moz-linear-gradient( 
    left top, 
    right top, 
    color-stop(0%,rgba(255,255,255,1)),   
    color-stop(50%,rgba(255,255,255,0.01)), 
    color-stop(100%,rgba(255,255,255,1)) 
); 

http://jsfiddle.net/8e45ocb7/

Answer 1

Mozilla градиенты не используют color-stop, и принимает только один первый параметр, чтобы определить Направленность градиент.

следующее определение works for modern Mozilla browsers:

background: linear-gradient(
    to right, 
    rgba(255,255,255,1), 
    rgba(255,255,255,0.01), 
    rgba(255,255,255,1) 
); 

И это один должен работать (непроверенные) для старых браузеров Mozilla:

background: -moz-linear-gradient(
    left, 
    rgba(255,255,255,1), 
    rgba(255,255,255,0.01), 
    rgba(255,255,255,1) 
); 

Кстати, вы должны использовать background-image вместо background, чтобы избежать протирания и префикс -moz- необходим только в том случае, если вы поддерживаете версии с умеренно старым (15+ версий назад) Firefox.

Answer 2

Попробуйте следующее:

background-color: #49afcd; 
background-image: linear-gradient(to left top, #5bc0de, #2f96b4); 
background-repeat: repeat-x; 

он работает отлично