#javascript #css
#javascript #css
Вопрос:
Этот jfiddle показывает, как CSS без префикса. Пример
.carousel {
transform-style: preserve-3d;
transform: translateZ(-540px);
В Firefox 30, который, как я полагаю, полностью реализовал стандартизированные элементы CSS3 без префиксов, это отображается соответствующим образом (сохраните маленькие значки для позиций 1 и 9). Можно было бы надеяться, что все доберутся туда; но реальность такова, что многие устаревшие браузеры работают там, например, люди, которые дорожат Snow Leopard (например, ваш покорный слуга).
Таким образом, время для вызова prefixfree.js
Однако старые браузеры, такие как Safari 5.1 и Chrome 24 — с расширением IE o — ничего не отображают плоскими элементами, накладывающимися друг на друга.
В инструкциях указано включать только файл js. Но с учетом результата… Чего мне не хватает?
Комментарии:
1. В jsFiddle все работает нормально, как только мы переключаемся с ‘onDomReady’ на ‘no wrap’ — jsfiddle.net/euq9t/2 . Как вы включаете префикс без префиксов на своей реальной странице?
2. через ссылку на скрипт »
3. Я пытался включить prefixfree как по ссылке скрипта, так и по тегу скрипта. Он по-прежнему не запускается для css без префиксов.
4. Я бы избегал prefixfree.js потому что он добавляет HTTP-запрос для каждого вашего CSS-файла, которых может быть много с такой CMS, как WordPress. Вместо этого я использую pleeease.io/play .
5. Хорошо, что указал на это. Имейте в виду, это приложение Rails, и в процессе производства весь набор файлов css будет сведен к одному файлу css.