CSS3 Справочные градиенты, не проверяющие, может ли кто-нибудь сказать мне, почему? Пример кода Внутри

Question

Может кто-нибудь сказать мне, почему следующий css не проверяет? Я пытаюсь исследовать это сам, не повезло. Вся документация, которую я прочитал, говорит, что это правильно, зачем делать градиенты в css3.

#header { 
    color: white; 
    font-size: 12px; 
    font-family: Helvetica, Verdana, Arial, sans-serif; 
    background: black; 
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
    background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
    width: 100%; 
    height: 35px; 
    margin-top: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 10px; 
    position: fixed; 
    top: 0px; 
    z-index: 1000; 
} 

Эти ошибки проверки я получаю:

результаты W3C CSS Validator для TextArea (уровень CSS 3)

Извините! Мы обнаружили следующие ошибки (6)

URI: TextArea

6 #header Значение ошибки: цвет фона -moz-линейным градиентом (сверху, RGBA (0,0,0,0.65) 0% , rgba (0,0,0,0) 100%) не является значением фонового цвета: -moz-linear-gradient (top, rgba (0,0,0,0,65) 0%, rgba (0,0 , 0,0) 100%)

7 #header Значение Ошибка: background-color -webkit-gradient (linear, left top, left bottom, color-stop (0%, rgba (0,0,0, 0,65) ), цвет-стоп (100%, rgba (0,0,0,0))) не является фоном: -webkit-gradient (linear, l (0%, rgba (0,0,0,0,65)), цветной стоп (100%, rgba (0,0,0,0 )))

8 #header Значение Ошибка: background-color -webkit-linear-gradient (top, rgba (0,0,0,0,65) 0%, rgba (0,0,0,0) 100%) не является фоновым цветом значение: -webkit-linear-gradient (top, rgba (0,0,0,0,65) 0%, rgba (0,0,0,0) 100%)

9 #header Значение Ошибка: цвет -o-linear-gradient (верхний, rgba (0,0,0,0,65) 0%, rgba (0,0,0,0) 100%) не является значением фонового цвета: -o-linear- градиент (верхний, rgba (0,0,0,0,65 ) 0%, rgba (0,0,0,0) 100%)

10 #header Значение Ошибка: background-color -ms-linear-gradient (top, rgba (0,0,0,0,65) 0%, rgba (0,0,0,0) 100%) не является background-color value: -ms-linear-gradient (top, rgba (0,0,0,0,65) 0%, rgba (0,0,0,0) 100%)

11 #header Значение Ошибка : background-color linear-gradient (top, rgba (0,0,0,0,65) 0%, rgba (0,0,0,0) 100%) не значение фона: линейный градиент (сверху, RGBA (0,0,0,0.65) 0%, RGBA (0,0,0,0) 100%)

Answer 1

Это дубликат: CSS background gradient validation

Хорошее объяснение:

«Действительно» является очень текучим термин в отношении CSS3 в современном веб-дизайне/ развития.

Если вы попытались проверить 'этот' код в W3C's CSS3 Validator, он покажет кучу ошибок синтаксического анализа. Это связано с характером реализации CSS3 и главным образом из-за префиксов поставщиков , необходимых для создания градиентов CSS3.

Теперь, на стороне флип , мы использовали правильный и «действительный» синтаксис в соответствии с производителями браузеров для этих градиентов. Тот факт, что W3C еще не достиг , дорабатывает спецификации CSS3, пока мы не получим конкретный ответ относительно того, что является действительным или недействительным, когда дело касается CSS3. Все, что мы можем сделать прямо сейчас, следуют методам прогрессивного улучшения, и обратите внимание на поставщиков браузеров для правильного и правильного использования внедрения CSS3.

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css3-gradients/comment-page-1/#comment-243334

Answer 2

конкретного поставщика расширений do not validate. Кроме того, вам может потребоваться изменить параметры службы проверки W3C, чтобы изменить уровень профиля CSS, как показано в this link.

В любом случае, я бы не стал беспокоиться о том, что мои объявления CSS3 не проверяются, поскольку проверка является лишь руководством по исправлению возможных ошибок кода.

Answer 3

убедитесь, что у вас есть правильный вариант для «профиля». Это должно быть css-уровень 3. И валидатор действительно не поддерживает специфический для поставщика css.