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

IE6ÏÂcss¶¨ÒåDIV¸ß¶ÈµÄÎÊÌâ


IE6ÏÂĬÈϵÄ×ÖÌå³ß´ç´óÖÂÔÚ 12 – 14px Ö®¼ä£¬µ±ÄãÊÔͼ¶¨ÒåÒ»¸ö¸ß¶ÈСÓÚÕâ¸öĬÈÏÖµµÄ div µÄʱºò£¬ IE »á¹ÌÖ´µÄÈÏΪÕâ¸ö²ãµÄ¸ß¶È²»Ó¦¸ÃСÓÚ×ÖÌåµÄÐиߡ£ËùÒÔ¼´Ê¹ÄãÓà height:4px; À´¶¨ÒåÁËÒ»¸ö div µÄ¸ß¶È£¬Êµ¼ÊÔÚ IE ÏÂÏÔʾµÄÈÔÈ»ÊÇÒ»¸ö 12 px ×óÓҸ߶ȵIJ㡣Ìí¼Óoverflow: hidden½â¾öÎÊÌâ¡£
<div style=”height: 4px; overflow: hidden;”></div>
ÔÚIE6ÖУ¬Ê¹ÓÃCSS¶¨ÒåDIVµÄ¸ß¶ÈµÄʱºò¾­³£Óöµ½Õâ¸öÎÊÌ⣬¾ÍÊǵ±DIVµÄ×îС¸ß¶ÈСÓÚÒ»¶¨µÄÖµÒԺ󣬾ͻᷢÏÖ£¬ÎÞÂÛÄãÔõôÉèÖÃ×îС¸ß¶È£¬DivµÄ¸ß¶È»á¹Ì¶¨ÔÚÒ»¸öÖµ²»ÔÙ·¢Éú±ä¶¯£¬Õâ¸öÎÊÌâºÜÊÇ·³ÈË¡£ÈçÏÂÃæµÄÇé¿ö¡£
HTML´úÂë
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
ÕâÊÇÒòΪÔÚIE6ÖУ¬ÏµÍ³Ä¬ÈϵIJ¢·ÇÊÇDivÓÐÒ»¸öĬÈϵĸ߶ȣ¬¶øÊÇÄãûÓнâ¾öÒ»¸öÒþ²ØµÄ²ÎÊý£¬font-size£¬Õâ¸öÊÇie6ÖжÔÓÚDivÊôÐÔÖеÄfont-size´óСºÍÄãϵͳcssÖж¨ÒåµÄfont-sizeÓкܴó¹Øϵ£¬Òò´Ë±ØÐëµ¥¶À¶¨ÒåÕâ¸öDivµÄfont-size£¬ÕâÑù²ÅÄܽâ¾öÕâ¸öÎÊÌâ¡£¸ü¸ÄºóµÄ´úÂëÈçÏ¡£
HTML´úÂë
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
Åöµ½ÕâÑùµÄÎÊÌâÓÐûÓÐÁîÄã¼°ÆäѹÒÖÄØ£¿¶øµ±¿´µ½ÉÏÃæµÄ½â¾ö°ì·¨Ê±£¬ÊDz»ÊÇÓеãÖØÉúµÄ¸Ð¾õ£¬»¹Óеãµã²ÔÁ¹ºÍ±ÉÊÓ¡£


Ïà¹ØÎĵµ£º

1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð

1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð
¶Ô¸ß¶ÈµÄ½âÎö
IE£º½«¸ù¾ÝÄÚÈݵĸ߶ȱ仯£¬°üÀ¨Î´¶¨Òå¸ß¶ÈµÄͼƬÄÚÈÝ£¬¼´Ê¹¶¨ÒåÁ˸߶ȣ¬µ±ÄÚÈݳ¬¹ý¸ß¶Èʱ£¬½«Ê¹ÓÃʵ¼Ê¸ß¶È
Firefox£ºÃ»Óж¨Òå¸ß¶Èʱ£¬Èç¹ûÄÚÈÝÖаüÀ¨ÁËͼƬÄÚÈÝ£¬MFµÄ¸ß¶È½âÎöÊǸù¾ÝÓ¡Ë¢±ê×¼£¬ÕâÑù¾Í»áÔì³ÉºÍʵ¼ÊÄÚÈݸ߶Ȳ»·ûºÏµÄÇé¿ö£»µ±¶¨ÒåÁ˸߶ȣ¬µ«ÊÇÄÚÈݳ¬¹ý¸ß¶Èʱ ......

CSS實現ÎÄ×ÖµÄ邊¿òЧ¹û

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......

CSSÖв»Í¬ä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌ⣨ËѼ¯µ½µÄ£©

Ëæ×Å×îÐÂCSSµÄ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄÍøÕ¾²ÉÓÃDIV+CSS²¼¾Ö¡£¶øÔ­À´Ê¹ÓÃtableÌ×tableµÄÍøÒ³²¼¾ÖģʽҲÖð½¥Ó¦¸ÃÌÔÌ­ÁË¡£ÓÉÓÚÄ¿Ç°IE6²»ÄÜÖ§³ÖÓÐЩ±ê×¼µÄCSS£¬ÐèÒªÓÃ΢ÈíÌØÓеÄCSSÀ´ÐÞ¸´ÕâЩBUG.¶øÇÒÏÖÔÚËæ×Åä¯ÀÀÆ÷²ã³ö²»ÇҪÊÇÒ³ÃæÄܹ»ÊÊÓ¦¾¡Á¿¶àµÄä¯ÀÀÆ÷³ÉΪһ¸ö¿ÎÌâ¡£ µ«ÊÇËæ×ÅCSS±ê×¼µÄ½øÒ»²½ÍêÉÆ£¬ä¯ÀÀÆ÷½«×îÖÕ¶¼»á×ñÑ­Õ⸠......

yuicompressor+ant »ìÏýѹËõ¶à¸öjsºÍcssÎļþ·½·¨

1¡¢ÏÂÔØ yuicompressor °ü
Ê×Ïȵ½¹Ù·½ÍøÕ¾ http://yuilibrary.com/downloads/#yuicompressor ÉÏÏÂÔØ yuicompressor-2.4.2.zip ×ÊÔ´°ü¡£½âѹºó yuicompressor-2.4.2.jar ÔÚ yuicompressor-2.4.2\build Ŀ¼Ï¡£
2¡¢´´½¨build-yui.xml Îļþ
È»ºó´´½¨ant ÔËÐеÄÎļþ£¬ÄÚÈÝÈçÏ£º
<?xml version="1.0" encodin ......

CSSÂ˾µµÄʹÓ÷½·¨

CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
inver ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ