±¾ÎĽéÉÜÁË3ÖÖ½â¾öIE6ÏÂpngͼƬ͸Ã÷µÄÎÊÌ⣬·Ç³£µÄÏ꾡£¬ÓÐÏàͬÐèÒªµÄС»ï°éÃÇ×Ô¼ºÀ´¿´¡£
PNGͼƬÔÚIE6ϵÄ͸Ã÷ÎÊÌâËãÊǸöÀÏÉú³£Ì¸ÁË£¬Ö»ÄܹÖÄǿӵùµÄIE6ÁË£¬¹þ¹þ£¬ÕâÀïС±à»ã×ÜÁËһϼ¸ÖÖ½â¾ö·½°¸£¬ÍƼö¸ø´ó¼Ò¡£
1¡¢Â˾µ
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
ÊôÐÔ£º
enabled£º¿ÉÑ¡Ïî¡£²¼¶ûÖµ(Boolean)¡£ÉèÖûò¼ìË÷Â˾µÊÇ·ñ¼¤»î¡£true | false
true£º ĬÈÏÖµ¡£Â˾µ¼¤»î¡£
false£ºÂ˾µ±»½ûÖ¹¡£
sizingMethod£º¿ÉÑ¡Ïî¡£×Ö·û´®(String)¡£ÉèÖûò¼ìË÷Â˾µ×÷ÓõĶÔÏóµÄͼƬÔÚ¶ÔÏóÈÝÆ÷±ß½çÄÚµÄÏÔʾ·½Ê½¡£
crop£º¼ôÇÐͼƬÒÔÊÊÓ¦¶ÔÏó³ß´ç¡£
image£ºÄ¬ÈÏÖµ¡£Ôö´ó»ò¼õС¶ÔÏóµÄ³ß´ç±ß½çÒÔÊÊӦͼƬµÄ³ß´ç¡£
scale£ºËõ·ÅͼƬÒÔÊÊÓ¦¶ÔÏóµÄ³ß´ç±ß½ç¡£
¸÷¸öÊôÐÔÖµËù´ú±íµÄº¬Ò壺http://images.cnblogs.com/cnblogs_com/rainman/139529/o_ie6_png_filter.png
src£º±ØÑ¡Ïî¡£×Ö·û´®(String)¡£Ê¹Óþø¶Ô»òÏà¶Ô url µØÖ·Ö¸¶¨±³¾°Í¼Ïñ¡£¼ÙÈçºöÂԴ˲ÎÊý£¬Â˾µ½«²»»á×÷Óá£
ʾÀý
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
.png {
background: url(/wangzhanjianshe/wangyesheji/¾ø¶Ô·¾¶/images/bg.png) repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/wangzhanjianshe/wangyesheji/¾ø¶Ô·¾¶/images/bg.png");
_background:none;
}
×ܽá
±³¾°ÎÞ·¨Æ½ÆÌ£»
±³¾°Í¼Æ¬ÎÞ·¨¶¨Î»£¬¼´²»¿ÉÒÔʹÓÃbackground-positionÊôÐÔ£¬Òò´ËÒ²²»±ãÓÚÖÆ×÷CSS Sprite£»
ͬʱÔÚÐÔÄÜÉÏÒ²ÓÐСÎÊÌâ£¬Ò³ÃæÖдÎÊý²»ÊǺܶàµÄʱºò¸Ã°ì·¨»¹ÊÇ¿ÉÐеÄ
¸ÃÂ˾µÖеÄsrcÊôÐÔ×îºÃÈ¡¾ø¶Ô·¾¶£¬Èç¹ûÈ¡Ïà¶Ô·¾¶µÄ»°±ØÐëÊÇÏà¶ÔÓÚµ±Ç°ÍøÒ³Â·¾¶£¬¶ø²»ÊÇÎÒÃÇϰ¹ßµÄ¡°Ïà¶ÔÓÚcssµÄ·¾¶¡±
AlphaImageLoaderÂ˾µ»áµ¼Ö¸ÃÇøÓòµÄÁ´½ÓºÍ°´Å¥ÎÞЧ£¬½â¾öµÄ°ì·¨ÊÇΪÁ´½Ó»ò°´Å¥Ìí¼Ó£ºposition: relative;ÕâÑùÌõ´úÂ룬ʹÆäÏà¶Ô¸¡¶¯¡£
ΪÁËʹÂ˾µÆð×÷Óã¬Ó¦¸ÃΪÈÝÆ÷ÉèÖÿí¶ÈºÍ¸ß¶ÈÖµ¡£
Ö»Äܵ±×öbackgroundʹÓ㬶ÔÓÚÐÎʽµÄPNGͼƬÐèÒª±äÏà´¦Àí¡£
sizingMethod='scale'£¬ÆäÆßϦŶ°¡¹ýÊÇÀÉìͼƬ£¬¿ÉÒÔÄ£ÄâÆ½ÆÌ¡£
2¡¢iepngfix.htc
꿅᣼http://www.twinhelix.com/css/iepngfix/
ʵÏÖÔÀíÒ²ÊÇÂ˾µ£¬Ëü½«ÕâЩ²Ù×÷·â×°µ½Ò»¸ö.htcµÄÎļþÖУ¬Ê¹ÓÃÆðÀ´±È½Ï·½±ã¡£
Demo£ºhttp://www.twinhelix.com/css/iepngfix/demo/
3¡¢DD_belatedPNG
Õâ¸öjs²å¼þʹÓÃÁË΢ÈíµÄVMLÓïÑÔ½øÐлæÖÆ,¶øÆäËû¶àÊý½â¾öPNGÎÊÌâµÄjs²å¼þÓõÄÊÇAlphaImageLoaderÂ˾µ.
ËüÖ§³Öbackgrond-positionÓëbackground-repeat.ÕâÊÇÆäËûjs²å¼þ²»¾ß±¸µÄ.ͬʱDD_belatedPNG»¹Ö§³Öa:hoverÊôÐÔ,ÒÔ¼°±êÇ©
꿅᣼http://www.dillerdesign.com/experiment/DD_belatedPNG/
Demo£ºhttp://www.ediyang.com/demo/DD_Png/
»ù±¾Éϳ£ÓõÄPNGͼƬ͸Ã÷ÎÊÌâµÄ½â¾ö·½·¨¾ÍÕâ3ÖÖÁË£¬ÈçÓÐÆäËü¸üºÃµÄ·½·¨£¬Ò²Çë¸æÖ®ÎÒһϣ¬Ð»Ð»