Работа со свойством CSS3 transform: scale
, Я нашел интересную проблему. Я хотел сделать немного эффекта масштабирования для изображений. Но когда я использовал для родительского отделения overflow: hidden
и border-radius
, дочернее отделение расширилось вне родительского отделения.
Обновление:
Проблема не решена. Если я добавляю transition
, все еще не работает. Я пытался решить эту проблему, но без успеха.
Вот демонстрация
жаль о моем плохом английском языке.
, если страница не, расположили элемент, нет никакой потребности установить контейнерный элемент, и дочерний z-индекс элемента приписывают обоих.
просто добавляющий z-индекс: 0 (или другой) приписывают контейнерному элементу.
.container {
border-radius: .14rem;
overflow: hidden;
z-index: 0;
}
.child {
}