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
Lepaskan: 2024-11-25 03:12:15
asal
1018 orang telah melayarinya

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);
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan