Tень в IE9+

[Arthur]

Всем доброго времени суток!.

Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?

Edited October 11, 2014 by Arthur

[klierik]

Далеко не у всех есть IE9, так что хорошо бы скрины увидеть.

Но предполагаю что никак не быть, потому как IE9 не умеет рисовать такие же тени как webkit\gecko

[Arthur]

Далеко не у всех есть IE9, так что хорошо бы скрины увидеть.

 

В IE 9, 10, 11 одинаковая картина.

 

Но предполагаю что никак не быть, потому как IE9 не умеет рисовать такие же тени как webkit\gecko

 

Как же кроссбраузерно сверстать? подгонять?

Edited October 12, 2014 by Arthur

[klierik]

тень можно нарисовать в фотошопе и повесить на :before,:after {}

[SelenIT]

Все браузеры очень по-разному реализуют размытие теней (у кого-то насыщенность тени убывает почти линейно, у кого-то — почти по экспоненте), поэтому варианты, когда из-под элемента выглядывает лишь кусочек тени, всегда будут давать разбежку. Вместо 35px 0px 10px -38px лучше задавать что-нибудь вроде 35px 0px 7px -35px (чтобы видимая часть тени начиналась сразу от кромки элемента), но ставить начальную прозрачность поменьше — так результаты разных браузеров будут больше похожи между собой.

[Arthur]

Спасибо. Поставлю ка я изображение через :before,:after {}