Ошибка с преобразованием: масштаб и переполнение: скрытый в Chrome

Работа со свойством CSS3 transform: scale, Я нашел интересную проблему. Я хотел сделать немного эффекта масштабирования для изображений. Но когда я использовал для родительского отделения overflow: hidden и border-radius, дочернее отделение расширилось вне родительского отделения.

Обновление:

Проблема не решена. Если я добавляю transition, все еще не работает. Я пытался решить эту проблему, но без успеха.

Вот демонстрация

57
задан 25 May 2013 в 00:28

1 ответ

жаль о моем плохом английском языке.

, если страница не, расположили элемент, нет никакой потребности установить контейнерный элемент, и дочерний z-индекс элемента приписывают обоих.

просто добавляющий z-индекс: 0 (или другой) приписывают контейнерному элементу.

.container {
    border-radius: .14rem;
    overflow: hidden;
    z-index: 0;
}
.child {

    }
2
ответ дан 1 November 2019 в 16:27

Другие вопросы по тегам:

Похожие вопросы: