Saya memiliki daftar baris dengan gambar. Gambar-gambar ini muncul sebagai gambar kecil. tetapi jika Anda mengarahkannya, mereka diskalakan. Saat menskalakan gambar yang lebih kecil tumpang tindih. Gambar yang lebih kecil di bawah gambar yang dilayangkan tidak disembunyikan sementara gambar yang lebih kecil di atasnya disembunyikan.

Saya tidak yakin di mana saya membuat kesalahan. Kelas yang saya gunakan untuk penskalaan adalah,

        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/
0
Adnan Javed 23 Oktober 2019, 05:56

1 menjawab

Jawaban Terbaik

Ini karena tidak memiliki posisi pada gambar, z-index tidak akan berfungsi tanpa position: ..., dalam kasus Anda, Anda dapat menggunakan position: relative

0
Michael Mano 23 Oktober 2019, 03:20