Не работает border-radius в iframe в Хроме?

Question

[Чёкатилло]

Не работает border-radius в iframe в Хроме, да и в других браузерах отображается по-разному..

Здесь можно посмотреть на это: cg91812-wordpress-3.tw1.ru
Кликайте по видео превью постам Видео, кстати, постю через плагин
!important применяю

На выходе получается, что содержание iframe перекрывает его, будь это что угодно
Выглядит как-то так это:


Или скругления вообще не видно Слой с скруглением углов находится позади содержимого

Бордер в таком случае типа конфликтует

Если не справится с этим обычным путем, то как бы обойти этот момент?
Может наложить слой сверху iframe и у этого слоя сделать бордер-радиус ВНУТРИ?
А может найдется скрипт под это дело?
Как все это сотворить?
Подскажите пожалста

Comments

[pashted]

не понятно, зачем в превью айфреймы, если всё-равно открывается модальное окно с этим видео. я бы не стал смотреть видео в блоке 300х170

[Чёкатилло]

pashted: все это поправимо

[Чёкатилло]

pashted: в tumblr тоже самое Там еще и нагрузка на гифы

Answer 1

[tommy_13]

попробуй overflow:hidden