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

Question

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

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

Но когда я проверить его с помощью CSS3 я получаю эту ошибку:

Значение ошибки: Текст-тень Слишком много значений или значения не распознаются: 0 1px 0 rgba (0,0,0,0,5)

Как исправить это, не изменяя эффект?

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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

На боковой ноте, почему вы использовали «pt» по третьему параметру? Вы можете просто оставить его как 0:

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