Мне все еще нужно использовать все пять префиксов поставщиков для свойства CSS box-shadow?

Question

При объявлении, скажем, box-shadow или text-shadow или градиентов по этому вопросу, вам все еще нужны все префиксы?

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
-o-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;

Я понимаю основные из них:

 -webkit-
 -moz-
 box-shadow

Но по мере роста браузеров я хотел попытаться получить обновленное представление о том, нужно ли в данный момент использовать 5 префиксов?

Мысли, комментарии?

Answer 1

caniuse.com имеет хорошую таблицу , показывающую, какие браузеры требуют префикса, а какие вообще не поддерживают box-shadow.

(Версии, для которых требуется префикс, имеют этот префикс под номером версии, как на скриншоте ниже.)

Необходимость использования префиксов для любого сайта, который вы создаете, зависит от того, какие браузеры фактически используются существующей / предполагаемой аудиторией сайта.

Answer 2

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

Answer 3

Может быть Поможет бесплатный префикс .

Он добавит префиксы, необходимые для браузера.