Bagaimana Saya Boleh Jadikan `bersaiz latar belakang` Berfungsi dalam Versi Internet Explorer Lama?

Mengatasi Cabaran Saiz Latar Belakang dalam IE

Walaupun diterima pakai secara meluas, sifat CSS seperti saiz latar belakang boleh menghadapi masalah keserasian dalam pelayar lama seperti Internet Explorer (IE). Artikel ini meneroka penyelesaian untuk menjadikan fungsi saiz latar belakang dengan berkesan dalam IE.

Keserasian Saiz Latar Belakang IE

Pada asalnya diperkenalkan dalam CSS3, saiz latar belakang membolehkan pembangun membuat skala dan meletakkan imej latar belakang dalam elemen HTML. Walau bagaimanapun, IE mempunyai sokongan terhad untuk sifat ini, menjadikan imej latar belakang pada saiz penuhnya.

Penyelesaian: Penapis AlphaImageLoader

Satu penyelesaian untuk had ini adalah dengan menggunakan AlphaImageLoader IE penapis. Penapis ini, tersedia dari IE 5.5 dan seterusnya, menskalakan imej latar belakang menggunakan parameter sizingMethod:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa penapis ini menskalakan keseluruhan imej secara seragam. Ini mungkin tidak sesuai untuk senario yang melibatkan sprite imej atau reka letak latar belakang yang rumit.

Penyelesaian Alternatif

Selain penapis AlphaImageLoader, terdapat pendekatan alternatif untuk mencapai penskalaan latar belakang dalam IE:

• CSS Sprite: Gabungkan berbilang imej ke dalam helaian sprite tunggal dan letakkannya menggunakan ciri kedudukan latar belakang CSS dan lebar/tinggi.
• SVG Sebaris: Gunakan imej SVG sebaris, yang menawarkan penuh sokongan untuk sifat CSS seperti lebar, tinggi dan saiz latar belakang.
• Bersyarat Penggayaan: Gunakan peraturan CSS latar belakang yang berbeza secara khusus menyasarkan IE menggunakan ulasan bersyarat atau semakan JavaScript.

Kesimpulan

Sementara sifat CSS seperti saiz latar belakang mungkin tidak berfungsi dengan lancar dalam versi äldre IE, penyelesaian ini menyediakan kaedah yang berdaya maju untuk melaksanakan penskalaan latar belakang dan penyesuaian dalam ini persekitaran.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Jadikan `bersaiz latar belakang` Berfungsi dalam Versi Internet Explorer Lama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!