Cara membuat: Gambar lepas kaku
- Halaman sebelumnya Pengenalan tim
- Halaman berikutnya Balikkan gambar
Belajar cara menggunakan CSS untuk membuat gambar lepas kaku.
Gambar lepas kaku
Perhatian:Contoh ini tidak berlaku untuk Internet Explorer atau Edge 15 dan versi sebelumnya.
Gambar lepas kaku
img.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
Disebutkan position: sticky; elemen akan diatur berdasarkan posisi gerakan pengguna.
Elemen lepas kaku akan berpindah antara penempatan relatif dan penempatan tetap, tergantung posisi gerakan pengguna. Sebelum mencapai posisi offset yang ditentukan di dalam jendela tampilan, ia akan berada di penempatan relatif - lalu ia akan "lepas" di tempatnya (seperti position:fixed)
Perhatian:Perhatian: Internet Explorer, Edge 15 dan versi sebelumnya tidak mendukung penempatan lepas. Safari membutuhkan -webkit- Awalan (lihat contoh). Untuk mengaktifkan penempatan lepas, Anda harus menentukan setidaknya atas、kanan、bawah atau kiri dalam satu.
Halaman yang berhubungan
Tutorial:Gambar CSS
Tutorial:Posisi CSS
- Halaman sebelumnya Pengenalan tim
- Halaman berikutnya Balikkan gambar
