Приколы c PIE в ie8. Ослик сошел с ума, или что?

[ya_verstaka]

Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду)  верстальщикам. Нужна ваша помощь. В общем, пытаюсь  округлить уголки в  ie 8  используя PIE, кажется задача не тривиальная, но не тут-то было.

 

Все по порядку. Есть в версте слайдер, данный  слайдер показывает  картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE  и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE

Когда PIE применяю  еще и непосредственно к картинке происходит вообще не понятно что: http://hkar.ru/tamV

И это еще не все, когда прокручиваешь слайдер, после того как проходит один круг слайдов, на новом круге, пропадает даже то, что есть, то есть уголки вообще не округлены! Что делать в этой ситуации, помогите пожалуйста разобраться!!! 

Вот ссылка на верстку в сети: http://homeseo.ru/portfolio/splendorous/

Вот файлы верстки: http://yadi.sk/d/uaD9LJOLSNE6G

Edited June 5, 2014 by ya_verstaka

[ryter]

Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду)  верстальщикам. Нужна ваша помощь. В общем, пытаюсь  округлить уголки в  ie 8  используя PIE, кажется задача не тривиальная, но не тут-то было.

 

Все по порядку. Есть в версте слайдер, данный  слайдер показывает  картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE  и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE

Когда PIE применяю  еще и непосредственно к картинке происходит вообще не понятно что: http://hkar.ru/tamV

И это еще не все, когда прокручиваешь слайдер, после того как проходит один круг слайдов, на новом круге, пропадает даже то, что есть, то есть уголки вообще не округлены! Что делать в этой ситуации, помогите пожалуйста разобраться!!! 

Вот ссылка на верстку в сети: http://homeseo.ru/portfolio/splendorous/

Вот файлы верстки: http://yadi.sk/d/uaD9LJOLSNE6G

PIE это отстой))

[ya_verstaka]

PIE это отстой))

 а что не отстой?

[SelenIT]

Не отстой — изящная деградация. Пусть в старых ослах картинка будет квадратной, зато слайдер будет летать, не дожидаясь, пока левый скрипт навтыкает посторонних VML-тегов где успеет (если скрипт слайдера меняет DOM динамически, логично, что успеет не везде). От угловатых картинок ни один юзер ископаемого барахла не умрет, а вот от невменяемых скриптовых тормозов с глюками может и разозлиться...

 

Если же заказчик требует попиксельного соответствия везде... тогда сочувствую. Как вариант, можно сделать скругленную рамку картинкой и наложить на каждый слайд с помощью фильтра AlphaImageLoader (только для IE8) или псевдоэлементом с absolute.

[Николя223]

Забивайте уже на него. Им пользуются только те, кто в интернете первый раз (Ну и моя сестра))) и то десяткой)

 

IE - 8 безбожно устарел

Edited June 5, 2014 by Николя223