วันนี้ฉันพบปัญหาเกี่ยวกับการใช้ JS เพื่อแก้ปัญหา IE6 โดยไม่สนับสนุนความกว้างสูงสุดสูงสุด CSS เช่นค่าของ CSS เช่นค่าของ CSS เช่นค่าของ CSS เช่นค่าของ CSS เช่นค่าของ CSS เช่นเช่นนี้ เป็นค่าของ CSS
คัดลอกรหัสรหัสดังนี้:
if ($. browser.msie && $ .browser.version == 6.0)
-
var maxwidth = parseint ($ ('. viewbigpic img'). css ('max-width'));
$ ('. viewbigpic img')
ถ้า (นี้)
$ (นี่)
-
-
ฉันไม่รู้ว่าทำไมฉันไม่สามารถรับค่าสูงสุดใน CSS ได้และจากนั้นฉันสามารถใช้ JS ดั้งเดิมเพื่อให้ได้
รหัส JS มีดังนี้:
คัดลอกรหัสรหัสดังนี้:
<script type = 'text/javascript'>
ฟังก์ชั่น setphotosize (elem, ความกว้าง, ความสูง) {{
<!-[ถ้าเช่น 6]>
พยายาม {
ภาพ var = ภาพใหม่ ();
image.src = elem.src;
if (image.width> 0 && image.height> 0) {{
var rate = (ความกว้าง/image.width <ความสูง/image.height)?
ถ้า (อัตรา <= 1) {
elem.width = image.width*อัตรา;
elem.height = image.height*อัตรา;
-
อื่น {
elem.width = image.width;
elem.height = image.height;
-
-
} catch (e) {}
<!-[endif]->
-
</script>
รหัส HTML ของชิ้นส่วนมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
<div>
<div>
<p> <img id = "imgid" online = "setphotosize (นี่, 730, 470)" src = "images/viewshow.jpg"/> </p>
</div>
</div>
สไตล์ CSS มีดังนี้:
คัดลอกรหัสรหัสดังนี้:
.ViewBigbox {ชายแดน: 1px Solid #E3E3E3;
. ViewBigPic {สีพื้นหลัง:#F7F7F7;
. Viewbigpic P {แสดงผล: Table-cell;
// ใช้ส่วนนอกแนวตั้งของรูปภาพส่วนใหญ่ใช้สัดส่วนของขนาดตัวอักษรถึงความสูง
. Viewbigpic p img {แนวตั้ง-กลาง: กลาง;