Border-Radius не отображает изображения в WebKit

Несмотря на применение стилей border-radius к элементу #screen с использованием всех префиксов и стандартного синтаксиса, элемент остается нетронутым в Google Chrome, в то время как в Firefox и Internet Explorer 9 он отображается должным образом. Эта проблема возникает из-за ошибки в обработке Chrome обрезки границ изображений.

Обходное решение для устранения ошибки Chrome :

Чтобы решить эту проблему, воспользуйтесь следующим обходным решением:

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

Этот метод изменит перспективу элемента, что заставит механизм рендеринга вести себя правильно. Это не влияет на отображение элемента, в отличие от других обходных путей, таких как установка непрозрачности на 0,99.