Есть ли способ проверить, поддерживается ли данное свойство CSS? Например, я хочу сделать анимацию на странице с помощью perspective-origin, но если она недоступна, я просто изменил бы размер.Как проверить свойство css поддерживается?
есть много CSS-хаки для браузеров, но для этого вам нужно обрабатывать себе каждое свойство CSS для всех браузеров
, но если вы хотите автоматически обрабатываются все браузера для CSS3 и html5 затем использовать Modernizr
Поддерживаемые браузеры
Он поддерживает IE6 +, Firefox 3.5+, Opera 9.6+, Safari 2+, Chrome. На мобильном телефоне поддерживаются мобильные Safari iOS, браузер WebKit от Android, Opera Mobile, Firefox Mobile.
Первая ссылка относится к «Условным комментариям», которые действительно не затрагивают проблему вообще. Что касается Modernizr, я думаю, вам следует в первую очередь связаться с http://modernizr.com и точно указать, как это помогает решить конкретную проблему. Я бы предположил, что это пример использования 'csstransforms3d'. Modernizr на самом деле не обнаруживает поддержку отдельных свойств, а набор свойств (или «модулей» в свободном смысле). –
Используйте сайт http://caniuse.com/, чтобы узнать, как ваша собственность поддерживается различными версиями веб-браузеров. Вы можете загружать разные стили в соответствии с версией браузера клиента.
Кроме того, вы можете эмулировать не поддерживаемые свойства в старых браузерах с помощью CSS3PIE (http://css3pie.com/).
Вы можете включить modernizr.js который будет полезен для вашей проблемы.
вы можете посетить следующую ссылку, которая была полезна, когда я узнавал об этом.
http://css-tricks.com/video-screencasts/126-using-modernizr/
Используйте [Modernizr] (http://www.sitepoint.com/detect-css3-property-browser-support/) –
@JohnConde, просто убедитесь, что ответ. В статье объясняется как библиотека, так и код за ней. Отлично. –