overflow hidden не работает

Ответ от Дмитрий Царь[гуру]
Webkit, на котором работает Chrome, как раз в этой теме – глючный.
Есть вариант, как всё поправить, но получится костыль. Будет работать только в браузерах, поддерживающих CSS3 и корректно отображающих линейные градиенты. Собственно, вот:
.similar-post a, .similar-post a img, .similar-post a h2 {border-radius: 50%;}
.similar-post a h2 {height: 100%; background: linear-gradient(0deg, #ffb200 35%, transparent 35%); padding: 72% 10% 0;}
Дмитрий Царь
Мыслитель
(9481)
Для Chrome можно как-то через фоновую маску делать, но как точно – сказать не могу, не использовал.