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ÊôÐÔÀ´ÏÞÖÆÍ¼Æ¬µÄ×î´ó¿í¶È¼°×î´ó¸ß¶È¡£
Ïà¹ØÎĵµ£º
ÔÚ½øÐÐÒ³ÃæÉè¼ÆµÄʱºò£¬ÏàÐÅÏÂÃæÕâЩ¶«Î÷Ó¦¸ÃÄܹ»°ïÖúÄ㣬DIV+CSS£¬Ï£Íû¿ÉÒÔΪÄã½Úʡһµãʱ¼ä¡£
Ò»¡¢ ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1. ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢Ó ......
<style type="text/css">
/*
¸ù¾ÝinputµÄtypeÀ´¿ØÖÆcssÑùʽ
*/
/*
1.ÓÃcssµÄexpressionÅжϱí´ïʽ
Óŵ㣺¼òµ¥£¬ÇáÁ¿¼¶
ȱµã£ºexpressionÅжϱí´ïʽFireFoxÊDz»Ö§³ÖµÄ¡£ÖÂÃüµÄÊÇÖ»ÄÜÇø·Ö³öÒ»¸ö£¨ÀýÈçÀý×ÓÖоÍÖ»ÄÜÇø·Ö³ötextÎı¾¿ò£©£¬²»ÒªÊÔͼÉèÖöà¸ö£¬ÏÂÃæµÄ»á½«ÉÏÃæµÄ¸²¸Çµô
input
{
background- ......
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸ ......
cursorÖÐhandÓëpointer
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:hand">CSSÊó±êÊÖÐÍЧ¹û</a>
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:pointer">CSSÊó±êÊÖÐÍЧ¹û</a>
crosshairÊÇÊ®×ÖÐÍ
Àý×Ó£ºCSSÊó± ......