Rumah >hujung hadapan web >tutorial css >Mengapa Butang Melekit Saya Tidak Berfungsi dalam IE 11?

Mengapa Butang Melekit Saya Tidak Berfungsi dalam IE 11?

DDD
DDDasal
2024-11-25 03:12:151021semak imbas

Why Are My Sticky Buttons Not Working in IE 11?

Kedudukan: butang melekit tidak berfungsi dalam IE 11

Isu ini timbul daripada fakta bahawa sifat "melekit" tidak disokong dalam Internet Penjelajah 11. "melekit" meletakkan elemen berbanding dengan port pandangan, menjadikannya kekal di tempat sebagai pengguna skrol.

Untuk menangani isu ini dalam IE 11, anda boleh menggunakan sifat "tetap" sebaliknya:

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* added to support older browsers */
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}

Dengan menambahkan "kedudukan: tetap", butang akan kekal di bahagian bawah halaman walaupun ketika pengguna menatal, mencapai kesan yang sama seperti "kedudukan: melekit" dalam penyemak imbas lain.

Adalah penting untuk ambil perhatian bahawa manakala "melekit" mungkin diutamakan dalam kebanyakan kes, sifat "tetap" menyediakan alternatif yang berdaya maju untuk situasi di mana keserasian penyemak imbas menjadi kebimbangan.

Atas ialah kandungan terperinci Mengapa Butang Melekit Saya Tidak Berfungsi dalam IE 11?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn