Adakah IE11 Menyokong Pembolehubah CSS? Penyelesaian dengan Polyfills

Adakah IE11 Menyokong Pembolehubah CSS? Penyelesaian dengan Polyfill

IE11 tidak mempunyai sokongan untuk pembolehubah CSS, yang boleh menjadi penghalang apabila membangunkan tapak web merentas berbilang penyemak imbas. Walau bagaimanapun, terdapat penyelesaian: polyfills.

Apakah itu Polyfill?

Polyfill ialah skrip yang merapatkan jurang antara keupayaan penyemak imbas, membenarkan ciri yang tidak disokong dilaksanakan .

Polyfill Pembolehubah CSS

Untuk IE11, "css-vars-ponyfill" ialah pilihan yang boleh dipercayai untuk melaksanakan pembolehubah CSS. Ia menyediakan transformasi sisi klien bagi sifat tersuai kepada nilai statik.

Pemasangan

Polyfill boleh dipasang melalui GitHub, NPM atau terus dari halaman tunjuk cara pada Codepen.

Contoh Penggunaan

Berikut ialah contoh cara menggunakan polyfill untuk mendayakan pembolehubah CSS dalam IE11:

<script src="css-vars-ponyfill.js"></script>
<style>
  :root {
    --primary-color: red;
  }
</style>
<p>This text will now be red.</p>

Ciri

• Transformasi sifat tersuai peringkat akar kepada nilai statik
• Kemas kini langsung nilai masa jalan dalam penyemak imbas moden dan lama
• Sokongan untuk berantai dan bersarang fungsi var()
• Ringan dan bebas pergantungan

Penghadan

• Terhad kepada pengisytiharan harta tersuai peringkat akar
• Penggunaan var() adalah terhad kepada nilai harta

Kesimpulan

Dengan "css-vars-ponyfill," pengguna IE11 boleh menikmati fungsi penuh pembolehubah CSS. Ini membolehkan keserasian merentas penyemak imbas yang lebih baik dan pengalaman pengguna yang konsisten di seluruh web.

Atas ialah kandungan terperinci Adakah IE11 Menyokong Pembolehubah CSS? Penyelesaian dengan Polyfills. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!