2

В чем разница между выражениями CSS и CSS-фильтрами?Выражения CSS vs Фильтры и Javascript для Internet explorer

Плохо ли для скорости страницы?

Если что-то может быть достигнуто в чистом CSS в других браузерах, но для IE возможно только с помощью выражений CSS или CSS-фильтров или Javascript. Тогда мы должны всегда искать Javascript, если речь идет о скорости страницы.

Будет ли Javascript быстрее в обработке, чем CSS Filter или Expression решение?


Update после ответа Пекка в

OK поэтому CSS выражения следует избегать, это ясно.

Теперь я хочу знать о фильтрах

Пример фильтров

#myElement { 
    opacity: .4; /* other browsers */ 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
} 

Чтобы получить PNG прозрачность в IE6 и некоторые CSS 3 эффекта в IE 6,7,8 Мы можем использовать CSS IE Filters

http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

и есть также некоторые Javascript альтернативы доступны.

Будет ли JavaScript более быстрым, чем CSS-фильтр?

Примечание: Свойство filter не является действительным CSS

ответ

0

Если вы имеете в виду CSS выражений IE6, вы должны полностью отбросить те и использовать JQuery.

IE CSS выражения

  • Используется для работы только в IE до 7
  • Были discontinued by Microsoft
  • ничего не добьются, что Jquery не может сделать, это просто немного более удобной
  • По до this, для их использования требуется JavaScript.
  • В заключение были плохие идеи.
+0

ОК и как насчет фильтров http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ –

+0

@Jitendra хорошо, это единственное решение для некоторых эффектов в IE7, поэтому вы можете нуждаться в них. Но они явно сосут, потому что они поддерживаются в IE –

1

В старых версиях IE, если у вас есть выбор использовать CSS-фильтр или выражение CSS, фильтр является лучшим выбором.

Однако, я не могу вспомнить ни одного сценария, где у вас есть выбор фильтра или выражение.

Вы должны одобрять простые выражения Javascript, поскольку выражения оцениваются постоянно, например, на mousemove.С помощью простого Javascript вы можете контролировать, когда код работает, например onload, или onresize.

См Google document on the subject:

CSS выражения ухудшать рендеринга производительности; заменяя их , альтернативы улучшат отображение браузера для пользователей IE.

Примечание: Эта передовая практика в этом разделе относится только к Интернету Проводник с 5 по 7, поддерживающий CSS-выражения. Выражения CSS: устарели в Internet Explorer 8, а не поддерживаются другими браузерами.


Вещи фильтры используются для в IE, там часто нет способа заменить их.

Невозможно «использовать Javascript», потому что Javascript будет просто динамически применять фильтр. Это относится к прозрачности и обходному методу фильтра градиента rgba.


В ответ на ваши изменения:

и есть также некоторые Javascript альтернативы доступны.

Будет ли Javascript быстрее в рендеринга, чем CSS-фильтр?

В article вы связаны, ни один из обходных путей не имеет filter решения и решение Javascript (те, которые просто применяя то же filter автоматически, для удобства).

+0

. Я также нашел это для фильтров http://gtmetrix.com/avoid-alphaimageloader-filter.html –

+0

PNG8 - приятное решение, если оно работает в вашем примере проблемы (что если вам нужна полная глубина цвета PNG24?), но для этого требуется дополнительная работа по экспорту PNG8 версий вашего изображения, которые, вероятно, будут использоваться только для более старого IE. [DD_belatedPNG] (http://www.dillerdesign.com/experiment/DD_belatedPNG/#technical_summary) - еще одно решение для прозрачности, которое использует VML для решения этой проблемы. – thirtydot

+0

Вы писали: «В статье, к которой вы привязались, ни одно из обходных решений не имеет фильтрационного решения», но у него много решений с фильтром. Я не получил вас –

 Смежные вопросы

  • Нет связанных вопросов^_^