putnik
@putnik
веб-программист, админ Википедии

Использование CSS3PIE для интернет-магазина?

Имеется интернет-магазин, пользователей с IE — порядка 20%, на странице не больше десятка элементов со скруглёнными углами. Сейчас используется стандартная техника с вложенными дивами, но это превращает код в кашу и усложняет изменения. Так что очень хочется перевести сайт на CSS3PIE.


Хочется понять, какие сложности это может создать пользователям IE. Перерыл всё, что нашлось в поиске — нашёл два примера: один на хабре, что behavior срабатывает через пару секунд, другой, что страница грузится до 10 секунд, но там было за сотню блоков.


Кто-нибудь пробовал использовать его на проектах крупнее, чем сайты-визитки?

Если скрипты и/или картинки загружаются долго, будет ли это влиять на момент срабатывания behavior'а?


UPD: Забыл упомянуть border-radius.htc, может он работает быстрее?
  • Вопрос задан
  • 3588 просмотров
Пригласить эксперта
Ответы на вопрос 4
@ChemAli
Закругленные углы едва ли влияют на продажи, а вот скорость работы — ощутимо. На вашем месте я бы выбросил мусорную разметку и спокойно относился бы к тому, что интерфейс для владельцев старых Интернет Эксплуататоров несколько угловат. Тем более, что доля довольно низка.
Ответ написан
Snowindy
@Snowindy
Использовал CSS3Pie с GWT:

Способ с htc вообще не завелся (вероятно, он не узнает о добавляющихся элементах).

Поэтому использовал .js аналог, предлагаемый товарищами из CSS3Pie. Работает без нареканий и быстро, если блоки, к которым его применяют, не изменяются в размерах. Если меняются — можно наблюдать любопытные side-эффекты.

В общем, js-аналог может стать хорошим решением. HTC мне лично не нравится, да и потормозить может, по слухам.
Ответ написан
MTonly
@MTonly
Веб-разработчик с 2002 года
Можно использовать border-radius для современных браузеров, и (если фон страницы однотонный) PNG-24-графику — для IE8 и ниже.

Графические закругления реализовать 4-мя вложенными блоками, абсолютно позиционируемыми по 4-м углам блока и генерируемыми средствами JavaScript только в IE8 и ниже.

PIE здесь — из пушки по воробьям.
Ответ написан
CSS3PIE — прекраснейшее средство для борьбы с IE.
Использую во всех своих проектах. Работает быстро и достаточно надёжно.

Есть одно недокументированное правило, которое я вычислил на собственном опыте:
— Чтобы не было тормозов, необходимо избегать применения PIE на элементы родительские, содержащие много дочерних элементов (например, html или body).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект