Преобразование и масштабирование не скрывают переполненные изображения - PullRequest
Новая
       6

Преобразование и масштабирование не скрывают переполненные изображения

0 голосов
/ 23 октября 2019

У меня есть список строк с изображениями. Эти изображения появляются как маленькие изображения. но если вы наводите их, они масштабируются. При масштабировании меньшие изображения перекрываются. Меньшее изображение под скрытым изображением не скрывается, а маленькое изображение над ним скрыто.

Я не уверен, где я делаю ошибку. Класс, который я использую для масштабирования: 

        transition: all 0.6s;
        -ms-transform: scale(6.5, 6.5);
        -webkit-transform: scale(6.5, 6.5);
        transform: scale(6.5, 6.5);
        overflow: hidden;
        height: 100%;
        width: 100%;
        z-index: 2000 !important;
        border: 1px solid #e5e5e5;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
An example of how it is behaving is at,

https://jsfiddle.net/adnanj/1Lruex8f/

1 Ответ

0 голосов
/ 23 октября 2019

Это связано с отсутствием позиции на изображениях, z-index не будет работать без position: ..., в вашем случае вы можете использовать position: relative

...