Как загруглить углы в Google Chrom?

Question

[Капитан Какао]

Всегда считал хром одним из лучших браузеров, хотя лучшим по сей день считаю Firefox, и именно в нём всегда работаю.
Но сегодня сталкнулся с такой проблемой, обернул гугл карту в div со скруглёнными углами, и в хроме это не работает. Как так, как решить это подскажите?

ПРИМЕР

Comments

[Андрей Павленко]

А закруглить так просто и не получится, ведь вы пользуетесь iframe, который, по сути, есть страницей в странице.

[Андрей Павленко]

И не совсем понял, при чему тут спор о качестве браузеров? Это поведение должно соблюдаться во всех браузерах

[Капитан Какао]

Андрей Павленко: ну как это, все браузеры значить скругляют, а хром не умеет делать элементарные вещи что ли?

[Капитан Какао]

Андрей Павленко: при том, что у блока div стоит overflow:hidden, и не важно что в нём, хоть картинка, хоть видео, хоть фрейм, если задано скругление, оно должно скруглять углы обрезая контент. Но хром видимо не такой умный. Нужно значить баг репорт им написать по ходу.

Answer 1

[Котик Антон]

.test {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

jsfiddle.net/8zhzvnwt

Comments

[Капитан Какао]

Хех, пробовал iframe задавать position: relative;z-index:-1;
Но до этого почему-то не додумался.
Спасибо!

[Сергей delphinpro]

префиксы сто лет уж не нужны...

[Котик Антон]

Сергей: Префиксы нужны, если нужна поддержка старых браузеров. Писать вручную не нужно.

[Сергей delphinpro]

да, версия FF3.6 (последняя, для которой нужны были префиксы) очень актуальна :)