[webÉè¼Æ] CSS Sprites ͼƬÕûºÏ¼¼Êõ
cssÖÐÓÃÒ»Õű³¾°Í¼×öÒ³ÃæµÄ¼¼ÊõÓÐʲôÓÅÊÆ£¿
¼òµ¥½éÉÜһϠCSS Sprites µÄÓŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈ
ºÜ¾Ã¡£µ«ÊÇÈç¹ûŪ³ÉÒ»¸öÎļþ£¬ÔÙ¿½±´¾Í»á¿ìºÜ¶à¡£
CSS Sprites µÄÄ¿µÄ¾ÍÊÇͨ¹ýÕûºÏͼƬ£¬¼õÉÙ¶Ô·þÎñÆ÷µÄÇëÇóÊýÁ¿£¬´Ó¶ø¼Ó¿ìÒ³Ãæ¼ÓÔØ
ËÙ¶È¡£
ʵ
ÏÖ·½·¨
£º
Ê×ÏȽ«Ð¡Í¼Æ¬ÕûºÏµ½Ò»ÕÅ´óµÄͼƬÉÏ
È»ºó¸ù¾Ý¾ßÌåͼ±êÔÚ´óͼÉϵÄλÖ㬸ø±³¾°¶¨Î»¡£
background-position:-8px -95px;
ShuzirenCMSÔÚ±à¼Æ÷,ÍøÉÏÉ̳ǵÈÀ¸Ä¿Ä£¿éÉÏÒÑÈ«Ãæ¿ªÊ¼Ê¹Óô˼¼Êõ
Ïà¹ØÎĵµ£º
Internet Explorer 8Ô¤ÉèÊÇÒÔCSS 2.1Ϊ±ê×¼£¬²¢ÐÞÕýÁËÐí¶àInternet Explorer 7µÄCSS Bug£¬ÕâÒâζ×ÅÓÐÒ»²¿·ÝÒÔÍùÒÀ¾ÝIE 7ËùÉè¼ÆµÄÍøÒ³£¬
ÔÚIE 8ÉϵijÊÏÖ»áÓÐËù³öÈ룬ËùÐÒ°ÝIE 7ÏàÈݼìÊÓ¹¦ÄÜËù´Í£¬Ä¿Ç°ÒòʹÓÃIE 8¶øµ¼Ö°æÃæ´íÎóµÄÍøÕ¾²¢²»¶à¡£
µ«Ò»ÖµÒÀÀµIE 7ÏàÈݼìÊÓ¹¦Äܲ¢·Ç³¤¾ÃÖ®¼Æ£¬¾¡Ôç½«ÍøÕ¾ÐÞ¸ÄΪIE 8ÏàÈݲÅÊdz¤¾Ã ......
<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-al ......
ÔÚд¡¶ÎÒÈçºÎ¿´´ýDIV+CSS¡·µÄʱºò
ÎÒÏëµ½£º
´úÂëûÓÐÐÐÓë²»Ðеķֱð
¶øÖ»ÓкÃÓë²»ºÃµÄ²î¾à
ºÃÓë²»ºÃ¶¼ÄÜÍê³ÉÏàÓ¦µÄ¹¦ÄÜ
Ò»¸ö¹¦ÄÜÉÙÁËÄÜд£¬¶àÁËÒ²ÄÜд
±à³ÌÓïÑÔ¾ÍÄÇô¼¸¸ö¹Ø¼ü×Ö¡¢ÄÇô¼¸Ìõ¿ØÖÆÓï¾ä
ËäÈ»¿ò¼Ü»òÀà¿âµÄÀàºÜ¶à
µ«Ò²²»ÊÇû¸öÊýµÄ
¿ÉÊÇÄÇЩ¼ÆËã»ú´óʦÃǰ¡
È´ÄÜд³öÈÃÈ˾õµÃ“ÃÀ”µÄ´úÂë
ÎªÊ ......
×÷Ϊһ¸ö³ÌÐòÔ±£¬¾³£ÐèÒªÃæ¶ÔµÄÒ»¸öÎÊÌâ¾ÍÊÇÔÚÐÂÎŵÈÐÅÏ¢µÄ±êÌâÁбíÖУ¬³£³£ÎªÁËÊÊÓ¦±í¸ñµÄ¿í¶È£¬ÐèÒª¶Ô¹ý³¤µÄ±êÌâÎÄ×ֵĽøÐнØÈ¡²¢ÔÚ½ØÈ¡ºóµÄÎÄ×ÖÄ©¶Ë¼ÓÉÏÊ¡ÂԺš£
ÖÚËùÖÜÖª£¬Óкܶ෽·¨¿ÉÒÔʵÏÖÕâ¸ö¹¦ÄÜ£¬JavaScript£¬ASP£¬PHP¶¼Óи÷×ÔµÄʵÏÖ·½·¨£¬µ«ÊÇÃæÁÙµÄÎÊÌâÓкܶ࣬±ÈÈçÖÐÓ¢ÎÄ»ìÔÓʱ»òÔÚijЩ±àÂëÏ£¬ÈÝÒ×Ôì³É½ØÈ ......
ÍøÒ³ÇÐͼ¹ý³ÌÖÐdiv+cssÃüÃû¹æÔò
ÄÚÈÝ£ºcontent/container µ¼º½£ºnav ²àÀ¸£ºsidebar ¡¡ ¡¡
À¸Ä¿£ºcolumn ±êÖ¾£ºlogo Ò³ÃæÖ÷Ì壺main ¡¡¡¡
¹ã¸æ£ºbanner Èȵ㣺hot ÐÂÎÅ£ºnews
ÏÂÔØ£ºdownload ×Óµ¼º½£ºsubnav ²Ëµ¥£ºmenu
ËÑË÷£ºsearch Ò³½Å£ºfooter ¹ö¶¯£ºscroll
°æÈ¨£ºcopyright ÓÑÇéÁ´½Ó£ºfriendlink ×Ӳ˵¥£ºsub ......