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

css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari

¡¾Web¡¿css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-16 18:50
¡¾Web¡¿css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-13 11:07
ÍâÖÃ
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; }
* html .main{ float:left;#float:none;_float:none; }
µÚ1ÐиøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ÷¿´
µÚ2Ðиøsafari/IE6/iE7¿´£¬Èç¹ûsafari/IE6/iE7 ÊÓ¾õЧ¹û²»Í³Ò»£¬¾ÍÒªÔÚºóÃæ¸úIE6/IE7µÄ¶¨Òå
µÚ3ÐиøIE7¿´
µÚ4ÐиøIE6ÒÔ¼°¸üÀϵİ汾¿´
ÄÚÖÃ
.main{ float:left;#float:none;_float:none;[float:none;]float:none; }
µÚ1¸öfloat¸øFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ÷¿´
µÚ2¸ö¼Ó#µÄfloat¸øIE7¿´
µÚ3¸ö¼Ó_µÄfloat¸øIE6ÒÔ¼°¸üÀϵİ汾¿´
µÚ4¸ö¼Ó[µÄfloat¸øsafari¿´
µÚ5¸ö¼Ó]µÄfloat¸øIE¿´
¸÷ÖÖ³£¼ûä¯ÀÀÆ÷ʹÓõÄÄÚºË (Rendering Engine)
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari Swift ( WebKit )
ÓÃcss×Ô¶¯Òþ²Ø³¬³ö¿í¶ÈÄÚÈݲ¢Ê¡ÂÔÏÔʾ£¬ä¯ÀÀÆ÷¼æÈÝie¡¢ff
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
»ù±¾·ÇIEµÄä¯ÀÀÆ÷µÄ˽ÓÐÊôÐÔ¶¼»áÒÔ-xxx-ÕâÑù¿ªÊ¼£¬
-o-¾ÍÊÇÒÔPrestoΪÒýÇæµÄ Opera˽Óеġ¢
-icab-ÊÇiCab˽Óеģ¬
-khtml-¾ÍÊÇÒÔKHTMLΪÒýÇæµÄä¯ÀÀÆ÷£¨ÈçKonqueror Safari£©¡¢
-moz-¾ÍÊÇÒÔmozillaµÄGeckoΪÒýÇæµÄä¯ÀÀÆ÷£¨ÈçFirefox£¬mozilla£©¡¢
-webkit-¾ÍÊÇÒÔWebkit äÖȾÒýÇæ£¨ÊÇKHTMLµÄÑÜÉú²úÆ·£©µÄä¯ÀÀÆ÷£¨ÈçSafari¡¢Swift£©¡£
²¢²»ÊÇ˵Ïñ-moz-text-overflowÏÖÔÚÓÐÓ㬶øÊÇÒ»¸ö»ÃÏëµÄд·¨£¬µ±Ò»¸öä¯ÀÀÆ÷µÄ¿ª·¢ÈËÔ±¾ö¶¨ÔÚä¯ÀÀÆ÷Ö§³ÖÒ»ÖÖ»¹Ã»µÃµ½¹«ÈϵÄÊôÐÔʱ£¬Ò»°ã¶¼»áÔÚÊôÐÔµÄÇ°Ãæ¼ÓÉÏ-xxx-ÕâÖÖ£¬±íÃ÷ÕâÖÖÊÇÊôÓÚ¸Ãä¯ÀÀÆ÷˽ÓеÄÊôÐÔ£¬µ±È»£¬ÕâЩÊôÐÔ¶àÊýÀ´×ÔCSS3µÄ£¬Ê¹ÓÃÕâÑùµÄд·¨ÔÚä¯ÀÀÆ÷Éý¼¶ºóÒ²Ðí²ÅÓÐ×÷ÓÃ.
IE¡¢Firefox¡¢OperaºÍSafari¶ÔCSSÑùʽimportantºÍ*µÄÖ§³Ö
1¡¢IE6¡¢IE7¶¼Ö§³Ö *£¬µ«IE8ÖÕÓڻعéÕýͳ£¬·ÅÆúÁ˶Ô*µÄÖ§³Ö
2¡¢IE7¡¢IE8¡¢Firefox¡¢Opera¡¢Safari¶¼Ö§³Ö important
¹ËÃû£¬importantµÄÓÅÏȼ¶Òª¸ß. ¾ÙÀý˵Ã÷£º
<style type=”text/css”>
body
{
backgrou


Ïà¹ØÎĵµ£º

CSS filter:RevealTrans Ó÷¨

CSS filter:RevealTrans Ó÷¨£º
Filter:revealtrans(duration=ת»»µÄÃëÊý£¬transition=ת»»µÄÀàÐÍ£©
CSSµÄRevealTrans¶¯Ì¬Â˾µÊÇÒ»¸öÉñÆæµÄÂ˾µ£¬ËüÄܲúÉú23ÖÖ¶¯Ì¬Ð§¹û£¬¸üÎªÆæÃîµÄÊÇËü»¹ÄÜÔÚ23ÖÖ¶¯Ì¬Ð§¹ûÖÐËæ»ú³éÓÃÆäÖеÄÒ»ÖÖ¡£
¡¡¡¡Á½¸ö²ÎÊýTransitionºÍDuration£¬·Ö±ðÊDZ任Ч¹ûºÍ³ÖÐøÊ±¼ä£¬ÆäÖÐDurationÊǸ¡µãÊý¡£
......

CSS¹«ÓÃÎļþ

ÓÉÓÚ¸÷ä¯ÀÀÆ÷µÄĬÈÏCSSÑùʽ²»Ò»Ñù£¬ÎÒÃDZØÐëдһ¸öCSS ResetͳһÆðÀ´¡£
ͨ³£ÎÒµÄ×ö·¨ÊÇÔÚcommon.cssÀïдȫ¾Ö¿ØÖÆ£¬ÕâÀïÃæÒ²°üÀ¨headerºÍfooter£¬ÆäËüCSSÎļþ¾Íͨ¹ý@import url(”
common.css”);ÒýÓá£
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-
family ......

¾­µäDIV+CSS°¸Àý Á½Áи߶È×ÔÊÊÓ¦


ÏàÐźܶàÈ˶¼·Ç³£Ï²»¶ÓÃdiv+css²¼¾Ö,ÎÞÂÛÄãÊÇǰ¶Ë¿ª·¢Õߣ¬»¹ÊǺǫ́³ÌÐòÔ±£¬ÒòΪËüµÄºÃ´¦ÊµÔÚÌ«¶à£¬¿ÉÒÔÓúÜÉٵĴúÂëÀ´¿ØÖƲ¼¾Ö£¬È»ºóÓÃCSS±íÏÖÆäÐÎ̬£¬±íÏÖºÍÑùʽ·ÖÀë¡£¶øÇÒÔÚSEO·½Ã棬Ëü»¹ÄÜÌṩ30%µÄÓÅ»¯£¬ÎÒÃǺÎÀÖ¶ø²»ÎªÄØ¡£
ºÜ¶àÈ˶¼»áÅöµ½ÈçÌâµÄ²¼¾ÖÎÊÌ⣬½â¾ö·½°¸ºÜ¶à£¬¿ÉÒÔÓñ³¾°Í¼À´Ìî³ä£¬»òÓÃjsÀ´¿ØÖÆ£¬µ«ÖÕ²»Ê ......

ÍøÒ³Öг£¼ûCSS HackµÄʹÓÃÕûÀí

_property:value
ÊôÐÔǰ¼Ó_Ïß,¸Ãhack¶ÔIEÓÐЧ£¬ÔÚFFÏÂÎÞЧ
Õâ¶Î´úÂëÔÚIEÏ¿´,divµÄ±ß¿òΪÀ¶É«,¶øÔÚFireFoxÏÂÎÞЧ
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*Õâ¸öÔÚIEÏ¿ÉÒÔ¿´µ½±ß¿òΪ»ÒÉ«£¬¶øÔÚFFÏÂÊÇûÓÐÈκεÄЧ¹û*/
</style>
Ñ¡Ôñ·û {width:IE5.x¿í¶È; voice-family :"\"}\"" ......

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá
2010-01-23 15:25
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬´¦ÀíµÄÓÅÏȼ¶²»Ò»Ñù¡£Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS´ïµ½ÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾÏëÒªµÄЧ¹û¾ÍÊÇcss hack¡£ÏÈÌùÁ½¸öÖ±¹ÛµÄ¶Ô±Èͼ£º
ÔÙÌùÒ»¶Î´úÂ룺
#bgcolor {
background:red !important; /* Firefox µÈÆäËûä¯ÀÀÆ÷ * ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ