½üÀ´¿´ÁËDeanµÄ“Convert any colour value to hex in MSIE”£¬ÖÕÓÚ½â¾öÁ˸ù¾Ý¹Ø¼ü×Ö»ñÈ¡ÑÕÉ«rgbÖµµÄÎÊÌâ¡£
˳±ã°Ñ³ÌÐòÒ²ÖØÐÂÕûÀíÒ»·¬£¬²¢Ê¹ÓÃÁË×î½üÕûÀíµÄ¹¤¾ß¿â¡£
Ч¹ûÔ¤ÀÀµ½ÕâÀï
ÏÂÔØÍêÕûʵÀý
³ÌÐò˵Ã÷
¡¾ColorGradsÑÕÉ«Ìݶȡ¿
³ÌÐòColorGradsµÄ×÷ÓÃÊǸù¾ÝÑÕÉ«¼¯ºÏºÍ½¥±ä¼¶ÊýÉú³ÉÑÕÉ«Ìݶȼ¯ºÏ¡£
½¥±ä¼¶ÊýµÄÒâ˼ÊÇ·Ö¶àÉÙ²½Íê³É½¥±ä¡£
ÍøÒ³Éè¼ÆÖеÄÑÕÉ«ÊÇÓÃRGBÉ«²Êģʽ³ÊÏֵġ£
ÔÚÕâ¸öģʽÖÐÿÖÖÑÕÉ«¿ÉÒÔÓÃÈý¸ö´ú±íºì(r)¡¢ÂÌ(g)¡¢À¶(b)µÄÑÕɫֵ£¨0µ½255£©À´±íʾ¡£
´Ów3cµÄColors²¿·Ö¿´µ½±ê×¼ÖÐÑÕÉ«µÄ±íʾÐÎʽ°üÀ¨£º
¹Ø¼ü×ÖÐÎʽ£º
em { color: red }
RGBÐÎʽ£º
em { color: #f00 }
em { color: #ff0000 }
em { color: rgb(255, 0, 0) }
em { color: rgb(100%, 0%, 0%) }
ÒÔÉ϶¼ÊDZíʾͬһÖÖÑÕÉ«£¨ºìÉ«£©¡£
¹Ø¼ü×ÖÐÎʽ¾ÍÊÇÓùؼü×Ö´ú±íÑÕɫֵ¡£
¶øRGBÐÎʽ£¬Ç°Á½ÖÖÓõıȽ϶࣬¶¼ÊÇÒ»¸ö"#"ºóÃæ´ø16½øÖƱíʾµÄÑÕɫֵ£¬µÚÈýÖÖÊÇÓÃÊ®½øÖƵÄÑÕɫֵ£¬µÚËÄÖÖÊÇʵ¼ÊÖµ¸ú255µÄ°Ù·Ö±ÈÐÎʽ¡£
¸÷¸öä¯ÀÀÆ÷¶Ô¸÷ÖÖÑÕÉ«±íʾÐÎʽµÄ»ñÈ¡²¢²»Ïàͬ£º
"color: red"ÐÎʽ£º
ie
opera
ff
chrome/safari
style
red
red
#ff0000
red
currentStyle
red
"red"
getComputedStyle
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
"color: #ff0000"/"color: #f00"ÐÎʽ£º
ie
opera
ff
chrome/safari
style
#ff0000/#f00
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
currentStyle
#ff0000/#f00
#ff0000
getComputedStyle
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
"color: rgb(255, 0, 0)"/"color: rgb(100%, 0%, 0%)"ÐÎʽ£º
ie
opera
ff
chrome/safari
style
rgb(255,0,0)
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
currentStyle
rgb(255,0,0)
#ff0000
getComputedStyle
#ff0000
rgb(255, 0, 0)
rgb(255, 0, 0)
»ù±¾Éϵõ½µÄÖµ»¹Êǰ´±ê×¼µÄÐÎʽÏÔʾµÄ£¬Ö»ÊÇÓÐЩ»á×Ô¶¯×ª»»ÐÎʽ¡£
²»¹ýieµÄrgbÐÎʽ¸úff/chrome/safariµÄ²»Í¬£¬ÊýÖµÖ®¼ä²¢Ã»Óпոñ¡£
ÒªÌØ±ð×¢ÒâµÄÊÇoperaÓÃcurrentStyle»ñÈ¡¹Ø¼ü×ÖÐÎʽµÃµ½µÄÑÕɫֵÊÇ´øË«ÒýºÅµÄ£¬Ê®·ÖÆæ¹Ö£¬Òª¾¡Á¿±ÜÃâʹÓá£
Òª»ñÈ¡Á½ÖÖÑÕÉ«µÄ½¥±äÌݶȣ¬ÏÈÒª°ÑÑÕɫת»¯³ÉÄÜÓÃÀ´¼ÆËãµÄÊýÖµ¡£
GetColorºÍGetData³ÌÐò¾ÍÊÇÓÃÀ´°Ñ·ûºÏw3c±ê×¼±íʾµÄÑÕɫֵת»¯³É×éºÏ¸ÃÑÕÉ«µÄºì(r)¡¢ÂÌ
¾¡¹Ü JavaScript ÀúÊ·ÉÏʹÓÃÈß³¤¶øÁîÈËÉúÑáµÄ´úÂë¿éÀ´±êµÄÌØ¶¨ä¯ÀÀÆ÷µÄʱÆÚÒѾ½áÊøÁË£¬µ«ÊÇż¶ûʹÓÃһЩ¼òµ¥µÄ´úÂë¿éºÍ¶ÔÏó¼ì²âÀ´È·±£Ò»Ð©´úÂëÔÚÓû§»úÆ÷ÉÏÕý³£¹¤×÷ÒÀÈ»ÊDZØÒªµÄ¡£
ÕâÆªÎÄÕÂÖУ¬ÎÒ»áÂÔÊöһϠInternet Explorer ºÍ Firefox ÔÚ JavaScript Óï·¨Éϲ»Í¬µÄ 7 ¸ö·½Ãæ¡£
1. CSS “float” ÊôÐÔ
»ñÈ¡ ......