Mengapa Butang Melekit Tidak Berfungsi dalam Internet Explorer 11?

Kedudukan: Butang Melekit Tidak Berfungsi dalam IE 11

Internet Explorer 11 (IE11) tidak mempunyai sokongan untuk sifat kedudukan "melekit", yang menyebabkan masalah dalam membuat butang kekal di bahagian bawah skrin semasa pengguna menatal. Artikel ini meneroka sebab melekit tidak berfungsi dalam IE11 dan menyediakan penyelesaian untuk mencapai gelagat yang diingini.

Sebab Kegagalan Kedudukan Melekit dalam IE11

Kedudukan Melekit, diperkenalkan dalam CSS3, membolehkan elemen kekal dalam kedudukan tetap apabila viewport ditatal tetapi dalam lingkungan elemen kontenanya. Walau bagaimanapun, IE11 tidak menyokong sepenuhnya sifat ini, membawa kepada tingkah laku yang tidak konsisten.

Penyelesaian: Menggunakan Kedudukan Tetap

Nasib baik, kita boleh menggunakan sifat kedudukan "tetap" sebagai penyelesaian. Walaupun tetap menghalang butang daripada menatal dalam bekas, ia meletakkannya secara relatif kepada tetingkap, memastikan ia kekal di bahagian bawah skrin.

CSS yang diubah suai:

.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);
}

Nota: Menambah "kedudukan: tetap" menyokong penyemak imbas lama, termasuk IE11, tanpa menjejaskan kefungsian dalam penyemak imbas moden.

Perkara untuk Dipertimbangkan:

• IE11 tidak menyokong kedudukan melekit, tetapi kedudukan tetap boleh digunakan sebagai penyelesaian.
• Elemen kedudukan tetap berbanding tetingkap, memastikan ia kekal di bahagian bawah skrin seperti yang diharapkan.

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