jQuery игнорирует не-Mozilla CSS3 преобразования при использовании Firefox

Question

Я пытаюсь добавить CSS3-преобразования в элемент, используя jQuery.Я использую Firefox 5 для проверки своего кода.Моя цель - максимизировать совместимость браузера, добавив несколько версий перехода для разных браузеров.Вот код, который я использую:

$('#element_name').css('-webkit-transform', 'rotate(45deg)');
$('#element_name').css('-moz-transform', 'rotate(45deg)');
$('#element_name').css('transform', 'rotate(45deg)');

Когда я просматриваю результирующий HTML-код с помощью Firebug, я замечаю, что только встроенный -moz-transform был добавлен к встроенному CSS для элемента.Этот CSS отлично работает в Firefox, но мне нужно добавить и другие строки.Я предполагаю, что если я просматриваю страницу в Safari, она будет отображать строку -webkit-transform, но этого недостаточно для требований моего проекта.Мне нужно, чтобы все разные строки CSS-преобразования были добавлены одновременно, независимо от браузера.

Есть ли способ заставить их использовать jQuery?Возможно, есть какой-то параметр конфигурации, чтобы сказать jQuery, чтобы он не заботился о текущем браузере?

Answer 1

Это не вызвано jQuery.jQuery не выполняет предварительной проверки, доступно ли свойство в браузере.

Firebug не покажет вам неизвестные свойства, потому что браузер не будет применять их, когда они неизвестны.Это своего рода недопустимое присваивание без вызова ошибки.

Присвоение недопустимых css-свойств может вызвать только предупреждение в консоли firebugs, вы можете выбрать их показ, выбрав опцию «show CSS-errors» изконсоль-меню).

Answer 2

Какую версию Firefox вы используете? Вы пытались временно удалить объявление -moz-transform и посмотреть, что произойдет?
Я не уверен, но иногда firebug показывает только первое полезное объявление.