Как исправить эту ошибку проверки CSS3

Question

У меня есть это в моем файле CSS:

#text p {text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.50) }

Но когда я проверяю это на CSS3, я получаю эту ошибку:

Ошибка значения: text-shadow Слишком много значений или значений не распознано: 0 1px 0 rgba (0,0,0,0.5)

Как это исправить пожалуйста без изменения эффекта?

Заранее спасибо.

Answer 1

Кажется, проблема в том, что валидатор W3C не распознает rgba (если вы просто используете rgb(0, 0, 0), то он проверяется правильно).Я бы не волновался.

Кстати, почему вы использовали «pt» для третьего параметра?Вы можете просто оставить это как 0:

#text p { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50) }

Answer 2

да, попробуйте

#text p {text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5) }

Answer 3

Согласно quirksmode , text-shadow принимает 4 параметра.Может быть, попытаться переместить rgba на первое место?Также обратите внимание, что в 0px 1px есть px, но для третьего вы используете pt.

В любом случае я создал jsfiddle demo и похоже, что это работает, не знаю, почему это не такпроверить ...