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

Question

[Сергей Лещина]

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


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


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

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


UPD: Забыл упомянуть border-radius.htc, может он работает быстрее?

Answer 1

[ChemAli]

Закругленные углы едва ли влияют на продажи, а вот скорость работы — ощутимо. На вашем месте я бы выбросил мусорную разметку и спокойно относился бы к тому, что интерфейс для владельцев старых Интернет Эксплуататоров несколько угловат. Тем более, что доля довольно низка.

Comments

[Алксандр Коротаев]

А что если он продаёт интим услуги, и скруглённые уголки, это что-то типа boobs.webriders.com.ua/ ?? :-)

[Сергей Лещина]

В данном случае старыми оказываются все по 8-ку включительно (9-ка в районе 1 %), т. е. каждый пятый пользователь. Так что если есть компромиссное решение, хотелось бы использовать его.

Answer 2

[Snowindy]

Использовал CSS3Pie с GWT:

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

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

В общем, js-аналог может стать хорошим решением. HTC мне лично не нравится, да и потормозить может, по слухам.

Comments

[LittleMeN]

htc не завелся видимо в IE6 и это документированная проблема:
css3pie.com/documentation/known-issues/#content-type
решение простое — указывать тип контента на сервере в заголовках.

Answer 3

[MT]

Можно использовать border-radius для современных браузеров, и (если фон страницы однотонный) PNG-24-графику — для IE8 и ниже.

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

PIE здесь — из пушки по воробьям.

Comments

[Snowindy]

зачем накуривать наколенное решение, если можно использовать отраслевое?

PS. А где PIE не по воробьям? Не просто круглые края, а какие-то особо сферические?

[MT]

Выражайтесь, пожалуйста, конкретнее.

Answer 4

[Виталий Желтяков]

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

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