Не работает overflow: hidden в IE. Как исправить?

Question

[Андрій Брода]

Не работает свойство overflow: hidden в IE
Вот код https://codepen.io/AndriyBroda/pen/MXEBrQ
Заметил что происходит это из-за display: table-cell. Подскажите как исправить
На IE тень просто вылезает за круг

Comments

[Сергей delphinpro]

сам jsfiddle не работает в IE =)
как посмотреть-то?

[Андрій Брода]

Сергей delphinpro, Сменил на codepen.io =)

[Сергей delphinpro]

AndriyBroda, В ie11 норм. в нём же в режиме эмуляции ie10 тоже норм.
в ie9 и кодпен не работает =))

Если проблема проявляется из-за display:table-cell — просто добавьте внутрь обертку и ей задавайте обрезку

[Андрій Брода]

Сергей delphinpro, Сделал так как ты написал, добавил обертку. Вот код https://codepen.io/AndriyBroda/pen/eKGaBJ . Вот результат Спасибо!

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/yEzqrE

Comments

[Андрій Брода]

Имел ввиду что overflow: hidden не работает для самой тени, т.к тень выступает за div круг. Пофиксил с помощью обертки. Вот код https://codepen.io/AndriyBroda/pen/eKGaBJ . Вот результат

[Максим]

Андрій Брода, ааа ... я думал низ должен был быть обрубленный ..извените