css¿ØÖÆÍ¼Æ¬°´±ÈÀýËõС
IE6ʵÏÖ·½·¨:
HTML²¿·Ö:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>
JS²¿·Ö:
<mce:scripttype="text/javascript"><!--
functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// --></mce:script>
·ÇIE6ʵÏÖ·½·¨:
HTML²¿·Ö:
<img src="image/test1.jpg" mce_src="image/test1.jpg" class="thumbImage"/>
CSS²¿·Ö:
.thumbImage {
max-width: 150px;
max-height: 50px;
}
* html .thumbImage {
width: expression(this.width > 150 && this.width > this.height ? 150 : true);
height: expresion(this.height > 50 ? 50 : true);
}
·ÇIE6ͨ¹ýCSSÖеÄmax-width,¼°max-heightÊôÐÔÀ´ÏÞÖÆÍ¼Æ¬µÄ×î´ó¿í¶È¼°×î´ó¸ß¶È¡£
Ïà¹ØÎĵµ£º
¼æÈÝIE¡¢FireFox¡¢Chrome
//¼ÓÔØjs
function loadJs(){
if (!getObj('script_PlData')){
var scriptObj= document.createElement("script");
//scriptObj.id = 'script_1';
&nb ......
CSS¿ÉÒÔ´¦Àí¸ß¶È¡¢¿í¶È¡¢Éî¶ÈÈý¸öά¶È¡£ÔÚÇ°ÃæµÄ¿Î³ÌÖУ¬ÎÒÃÇÒѾÁ˽âÁËǰÁ½¸öά¶È¡£ÔÚ±¾¿ÎÖУ¬ÎÒÃǽ«Ñ§Ï°ÈçºÎÁî²»Í¬ÔªËØ¾ßÓвã´Î¡£¼òÑÔÖ®£¬¾ÍÊǹØÓÚÔªËØ¶ÑµþµÄ´ÎÐòÎÊÌâ¡£
Ϊ´Ë£¬Äã¿ÉÒÔΪÿ¸öÔªËØÖ¸¶¨Ò»¸öÊý×Ö£¨z-index£©¡£ÆäÔÀíÊÇ£ºÊý×ֽϴóµÄÔªËØ½«µþ¼ÓÔÚÊý×Ö½ÏСµÄÔªËØÖ®ÉÏ¡£
±È·½Ëµ£¬ÎÒÃÇÕýÔÚ´òÆË¿Ë£¬²¢ÇÒÄÃÁËÒ»ÊÖͬ ......
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸ ......