Hari ini saya mengalami masalah tentang penggunaan JS untuk menyelesaikan IE6 tanpa mendukung Max-Width, Max-Height. CSS, seperti seperti nilai CSS, seperti seperti nilai CSS, seperti seperti nilai CSS, seperti seperti nilai CSS, seperti seperti nilai CSS, seperti tersebut sebagai nilai CSS.
Salin kode kode sebagai berikut:
if ($. browser.msie && $ .browser.version == 6.0)
{{
var maxwidth = parseInt ($ ('. viewBigpic img'). css ('max-width'));
$ ('. ViewBigpic IMG').
If (ini).
$ (ini).
});
}
Saya tidak tahu mengapa, saya tidak bisa mendapatkan nilai maksimum di CSS, dan kemudian saya hanya bisa menggunakan JS asli untuk mencapai
Kode JS adalah sebagai berikut:
Salin kode kode sebagai berikut:
<type skrip = 'text/javascript'>
Function setPhotoSize (elem, width, height) {{
<!-[jika yaitu 6]>
mencoba {
gambar var = gambar baru ();
Image.src = elem.src;
if (image.width> 0 && image.height> 0) {{
var rate = (width/image.width <height/image.height)?
if (rate <= 1) {
elem.width = image.width*rate;
elem.height = image.height*rate;
}
kalau tidak {
elem.width = image.width;
elem.height = image.height;
}
}
} Catch (e) {}
<!-[endif]->
}
</script>
Kode HTML bagian adalah sebagai berikut:
Salin kode kode sebagai berikut:
<div>
<div>
<p> <img id = "imgid" online = "setPhotosize (ini, 730, 470)" src = "gambar/viewshow.jpg"/> </p>
</div>
</div>
Gaya CSS adalah sebagai berikut:
Salin kode kode sebagai berikut:
.ViewBigBox {Border: 1px Solid #E3E3E3;
ViewBigpic {latar belakang-warna:#f7f7f7;
Tampilan p {viewBigpic: Width: 730px;
// Menerapkan luar vertikal gambar, terutama menggunakan proporsi ukuran font ke ketinggian
ViewBigpic P IMG {Vertical-Align: Tengah;