Heute habe ich ein Problem bei der Verwendung von JS zur Lösung von IE6 ohne Unterstützung von Max-Width und Max-Höhe gestoßen. CSS wie der Wert von CSS, wie z. B. den Wert von CSS, wie z. B. den Wert von CSS, wie z. B. den Wert von CSS, wie z. B. den Wert von CSS, wie solche als Wert von CSS.
Kopieren Sie den Code -Code wie folgt:
if ($. browser.msie && $ .browser.version == 6.0)
{{{{
var maxwidth = parseInt ($ ('. viewBigpic img'). CSS ('Max-Width'));
$ ('. ViewBigpic img').
If (this).
$ (this).
});
}
Ich weiß nicht warum, ich kann den maximalen Wert im CSS nicht erhalten, und dann kann ich nur die nativen JS verwenden, um sie zu erreichen
JS -Code lautet wie folgt:
Kopieren Sie den Code -Code wie folgt:
<script type = 'text/javaScript'>
Funktion setPhotosize (Elem, Breite, Höhe) {{{{{{{{{{{{
<!-[wenn dh 6]>
versuchen {
var image = new Image ();
Image.src = elem.src;
if (image.width> 0 && image.height> 0) {{{{{{{{{{{
var rate = (width/image.width <Höhe/Bild.Height)?
if (rate <= 1) {
Elem.Width = Bild.Width*Rate;
Elem.Height = Image.Height*Rate;
}
anders {
Elem.Width = Bild.width;
Elem.Height = Image.Height;
}
}
} Catch (e) {}
<!-[endif]->
}
</script>
Der HTML -Code des Teils lautet wie folgt:
Kopieren Sie den Code -Code wie folgt:
<div>
<div>
<p> <img id = "imgid" online = "setPhotosize (this, 730, 470)" Src = "Images/Viewshow.jpg"/> </p>
</div>
</div>
Der CSS -Stil lautet wie folgt:
Kopieren Sie den Code -Code wie folgt:
.ViewBigbox {Border: 1PX Solid #e3e3e3;
.
.
// Implementieren Sie die vertikale Außenseite des Bildes, hauptsächlich mit dem Anteil der Schriftgröße zur Höhe
.