Friday, September 19, 2014

Затачиваем Framework7 под Internet Explorer

Итак, начнём вторую серию или просто продолжение темы адаптации F7 под IE



На сей раз обратим внимание на внешний вид ListView, а выглядит он вот так

Хотя должен выглядеть вот так

Ну понятно, иконки не показывает. Сделаем, чтобы показывал (нас интересует стрелочка вправо) кодированием svg изображения.

Труля-ля-ля. Что за фигня получилась?

Идём на сайт майкрософт по поводу background: no-repeat (http://msdn.microsoft.com/en-us/library/ie/ms530721%28v=vs.85%29.aspx)

Всё поддерживается, всё должно работать. Но фраза 

no-repeat
Image is not repeated. Equivalent to "no-repeat no-repeat".
Заставляет задуматься, что ИЕ требует повторения параметра по обоим осям (почему не по трём?). Т.е. background: no-repeat no-repeat
Добавляем второй no-repeat и Бдынц! Всё выглядит как надо:


PS проверяем как работает в Хроме (эмулятор XDK) - нормально работает.
PSS надо бы проверить как работает на WindowPhone - не могу найти телефон :)
Не работает! В ИЕ эмуляторе работает, на устройстве - нет.
PSSS Проявилась еще одна полезная сущность энкодинга svg изображений - в этом случае Brackets показывает изображение при выделении строки с svg, вот так
PSSS С этими же стрелочками (не показываются) есть проблема на Андроиде 4.0-4.3, т.е. где браузер Dolpin. Причём другие иконки отображаются нормально.

No comments: