Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

IEÓëFireFoxÏÂjsºÍcssµÄÇø±ð

png͸Ã÷ AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled£º¿ÉÑ¡Ïî¡£²¼¶ûÖµ(Boolean)¡£ÉèÖûò¼ìË÷Â˾µÊÇ·ñ¼¤»î¡£true£ºÄ¬ÈÏÖµ¡£Â˾µ¼¤»î¡£false£ºÂ˾µ±»½ûÖ¹¡£
sizingMethod£º¿ÉÑ¡Ïî¡£×Ö·û´®(String)¡£ÉèÖûò¼ìË÷Â˾µ×÷ÓõĶÔÏóµÄͼƬÔÚ¶ÔÏóÈÝÆ÷±ß½çÄÚµÄÏÔʾ·½Ê½¡£crop£º¼ôÇÐͼƬÒÔÊÊÓ¦¶ÔÏó³ß´ç¡£image£ºÄ¬ÈÏÖµ¡£Ôö´ó»ò¼õС¶ÔÏóµÄ³ß´ç±ß½çÒÔÊÊӦͼƬµÄ³ß´ç¡£scale£ºËõ·ÅͼƬÒÔÊÊÓ¦¶ÔÏóµÄ³ß´ç±ß½ç¡£
src£º±ØÑ¡Ïî¡£×Ö·û´®(String)¡£Ê¹Óþø¶Ô»òÏà¶Ô url µØÖ·Ö¸¶¨±³¾°Í¼Ïñ¡£¼ÙÈçºöÂԴ˲ÎÊý£¬Â˾µ½«²»»á×÷Óá£
firefox²»ÄܶÔinnerTextÖ§³Ö
firefoxÖ§³ÖinnerHTMLµ«È´²»Ö§³Ö innerText£¬ËüÖ§³ÖtextContentÀ´ÊµÏÖinnerText£¬²»¹ýĬÈϰѶàÓàµÄ¿Õ¸ñÒ²±£ÁôÁË¡£Èç¹û²»ÓÃtextContent£¬Èç¹û×Ö·û´®ÀïÃæ²»°üº¬HTML´úÂëÒ²¿ÉÒÔÓÃinnerHTML´úÌæ¡£
½ûÖ¹Ñ¡È¡ÍøÒ³ÄÚÈÝ
ÔÚIEÖÐÒ»°ãÓÃjs£ºobj.onselectstart=function() {return false;}
¶øfirefoxÓÃCSS:-moz-user-select:none
Â˾µµÄÖ§³Ö(Àý£ºÍ¸Ã÷Â˾µ)
IE:filter£ºalpha(opacity=10);
firefox£º-moz- opacity:.10;
²¶»ñʼþ
IE£ºobj.setCapture() ¡¢obj.releaseCapture()
Firefox£ºdocument.addEventListener(”mousemove”,mousemovefunction,true);
document.removeEventListener(”mousemove”,mousemovefunction,true);
»ñÈ¡Êó±êλÖÃ
IE:event.clientX¡¢event.clientY
firefox£ºÐèҪʼþº¯Êý´«µÝʼþ¶ÔÏó
obj.onmousemove=function(ev){
X= ev.pageX;Y=ev.pageY;
}
DIVµÈÔªËØµÄ±ß½çÎÊÌâ
±ÈÈ磺ÉèÖÃÒ»¸ödivµÄCSS:£º {width:100px;height:100px;border:#000000 1px solid;}
IEÖУºdivµÄ¿í¶È£¨°üÀ¨±ß¿ò¿í¶È£©£º100px£¬divµÄ¸ß¶È£¨°üÀ¨±ß¿ò¿í¶È£©£º100px£»
¶øfirefox£ºdivµÄ¿í¶È£¨°üÀ¨±ß¿ò¿í¶È£©£º102px£¬divµÄ¸ß¶È£¨°üÀ¨±ß¿ò¿í¶È£©£º102px£»
ÅжÏä¯ÀÀÆ÷ÀàÐÍ
var isIE=document.all ? true : false;
ÎÒдÁËÒ»¸ö±äÁ¿£¬Èç¹ûÖ§³Ödocument.allÓï·¨ÄÇôisIE=true£¬·ñÔòisIE=false
ÔÚ²»Í¬ä¯ÀÀÆ÷ϵÄCSS´¦Àí
Ò»°ã¿ÉÒÔÓÃ!importantÀ´ÓÅÏÈʹÓÃcssÓï¾ä£¨½öfirefoxÖ§³Ö£©
±ÈÈ磺{border-width:0px!important;border-width:1px;}
ÔÚfirefoxÏÂÕâ¸öÔªËØÊÇûÓб߿òµÄ£¬ÔÚIEϱ߿ò¿í¶ÈÊÇ1px
document.formName.item(”itemName”) ÎÊÌâ
ÎÊÌâ˵Ã÷£ºIEÏ£¬¿ÉÒÔʹÓà document.formName.ite


Ïà¹ØÎĵµ£º

DIV+CSSÖ®float

test.html£º
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......

È«Ãæ¼æÈÝIE6/IE7/IE8/FFµÄCSS HACKд·¨

margin-bottom:40px;       /*ffµÄÊôÐÔ*/
margin-bottom:140px\9;    /* IE6/7/8µÄÊôÐÔ */
color:red\0;              /* IE8Ö§³Ö */
*margin-bottom:450px;     /*IE6/7µÄÊôÐÔ*/ ......

CSSÒ³Ãæ²»¼æÈÝÎÊÌâ

¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÒѾ­ÊÇÀÏÉú³£Ì¸µÄÎÊÌâÁË, ÍøÂçÉÏµÄ½Ì³Ì±éµØ¶¼ÊÇ.ÒÔÏÂÄÚÈÝûÓÐÌ«¶àÐÂÓ±, ´¿Êô¸öÈË×ܽá, Ï£ÍûÄܶԳõѧÕßÓÐÒ»¶¨µÄ°ïÖú.
Ò»¡¢CSS HACK
ÒÔÏÂÁ½ÖÖ·½·¨¼¸ºõÄܽâ¾öÏÖ½ñËùÓÐHACK.
1, !important
Ëæ×ÅIE7¶Ô!importantµÄÖ§³Ö, !important ·½·¨ÏÖÔÚÖ»Õë¶ÔIE6µÄHACK.(×¢Òâд·¨.¼ÇµÃ¸ÃÉùÃ÷λÖÃÐèÒªÌáǰ.)
< ......

CSSÖб³¾°Í¼Æ¬µÄÉèÖÃ

CSSÖб³¾°Í¼Æ¬µÄÉèÖà ÂÜÀòÊÀ½ç ¸úÄúÒ»Æð¿´ÊÀ½ç http://lolier.info/ ¹Ø¼ü×Ö:CSS,ͼƬ,ÉèÖà CSSÖб³¾°Í¼Æ¬µÄÉèÖ㺠²»Æ½ÆÌ£ºbackground-repeat: no-repeat; ºáÏòƽÆÌ£ºbackground-repeat: repeat-x; ×ÝÏòƽÆÌ£ºbackground-repeat: repeat-y; ¹Ì¶¨£ºbackground-attachment: fixed; ¹ö¶¯£ºbackground-attachment: scroll; ......

CSS¹ýÂËÆ÷

1.alphaÊôÐÔ:
  alphaÊôÐÔÓÃÀ´ÉèÖÃ͸Ã÷¶È¡£
  Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
  opacity±íʾ͸Ã÷¶ÈµÈ¼¶£¨0~100£©
  finishopacityÓÃÀ´ÉèÖýáÊøÃ÷µÄ͸Ã÷¶È
  startXºÍstartY±íʾ½¥± ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ