תµÄ:PNGÔÚIE6ÏÂ͸Ã÷µÄcss½â¾ö·½°¸
ie6²¢²»ÊDz»Ö§³Öpng£¬ËüÖ§³ÖË÷ÒýÑÕÉ«µÄPNG-8£¬¶øÊDz»Ö§³ÖRGBÑÕÉ«µÄPNG-24¡£
ie6ÀïµÄPNG-24ͼƬ×ö±³¾°Ö÷ÒªÓÐÒÔϼ¸¸öÎÊÌ⣺
Ò»¡¢ie6Àïpng±³¾°Í¸Ã÷ÎÊÌ⣺½â¾ö°ì·¨ÓÃÂ˾µ¡£Õâ¸öÒ»°ã¸ßÊÖÃǶ¼ÖªµÀ¡£
×¢Ò⣺src Õâ¸ö·¾¶ÊÇÖ¸¼ÓÔØÂ˾µµÄÒ³ÃæÏà¶ÔÓÚͼƬµÄ·¾¶£¬¶ø²»ÊÇcssÎļþÏà¶ÔÓÚͼƬµÄ·¾¶¡£Õâ¸úÒ»°ãµÄͼƬ¼ÓÔØÓÐÇø±ð¡£
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”ͼƬÃû³Æ”);
_ background-image: none;
¶þ¡¢ie6Àïpng±³¾°×öÑ»·ÎÊÌ⣺ÓÃÒ»¸ö2px*2pxµÄ°ë͸Ã÷ͼƬ×ö±³¾°Ñ»·¡£½â¾ö°ì·¨¼Ó“sizingMethod=scale”¡£
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src=”ͼƬÃû³Æ”);
_ background-image: none;
Èý¡¢ie6Àï²»×öÑ»·µÄ´ópngͼƬ±³¾°»á³öÏÖÇø¿é±»¼ôÇУ¬ÍøÕ¾°æÃæÒ»Æ¬»ìÂÒ£¬ÎÄ×ÖÏûʧÎÊÌ⣺½â¾ö°ì·¨¼ÓsizingMethod=crop¡£
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop,src=”ͼƬÃû³Æ”)
_ background-image: none;
ËÄ¡¢ie6Àïpng±³¾°ÏµĵÄÁ¬½ÓʧЧ£º½â¾ö°ì·¨¸øaÔªËØÌí¼ÓÑùʽposition:relative;
Îå¡¢ie7Àïpng±³¾°ÏµÄdivϵÄdl dt dd ul li µÈÓÐfloat¸¡¶¯Ê±£¬Á¬½ÓÎÄ×ÖÔÚÊó±ê»¬¹ý³öÏÖÒ»Ìõ±³¾°ÏûʧµÄÎÊÌâ¡£½â¾ö°ì·¨ÊǸø°üº¬dl dt dd ul liµÄdiv´óºÐ×Ó¼ÓÉÏÒ»¸ö¸ß¶È»ò×îС¸ß¶È¡£
min-height:50px; ÒòΪie6ÏÂûÓÐÕâ¸öÎÊÌ⣬min-height:ÓÖÊÇie6²»Ö§³ÖµÄ£¬ie7ºÍFFÖ§³Ö£¬¶ødivÒªËæ×ÅÎÄ×Ö¶øÉ쳤£¬ËùÒÔÎҾͲÉÓÃÁËmin-height:¡£
Áù¡¢×îºó¹ØÓÚpng±³¾°¶¨Î»µÄÎÊÌâ¡£ ÎÒʵÔÚûÏë³öÀ´Óýâ¾öµÄ°ì·¨£¬ÎÒ¼ÓÁË“sizingMethod=scale”¡£ÈÃËüÔÚie6Àï·Å´óÈ¥°É£¬ËäȻЧ¹ûÉÏûÓÐFFºÃ£¬µ«ÊÇ×ܱÈÌù×Å×î×ó±ß¿´ÆðÀ´Êæ·þ¡£
/******************css***********************/
#footer_content{width:760px;height:85px;margin:0 auto;padding:80px 0 40px 150px;position:relative;}
#ci_logo{background:url(images/footer_logo.png) no-repeat;width:160px;height:85px;margin:0 auto;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='/style/images/footer_logo.png', sizingMethod='crop');position:absolute;top:80px;left:12px;}
/********************html*******************/
<div id="footer_content">
 
Ïà¹ØÎĵµ£º
¹úÄÚµÄÉè¼ÆÊ¦´ó¶¼Ï²»¶ÓÃpx£¬¶ø¹úÍâµÄÍøÕ¾´ó¶¼Ï²»¶ÓÃem£¬ÄÇôÁ½ÕßÓÐÊ²Ã´Çø±ð£¬ÓÖ¸÷×ÔÓÐʲôÓÅÁÓÄØ£¿
1¡¢IEÎÞ·¨µ÷ÕûÄÇЩʹÓÃpx×÷Ϊµ¥Î»µÄ×ÖÌå´óС£»
2¡¢¹úÍâµÄ´ó²¿·ÖÍøÕ¾Äܹ»µ÷ÕûµÄÔÒòÔÚÓÚÆäʹÓÃÁËem×÷Ϊ×ÖÌ嵥λ£»
3¡¢FirefoxÄܹ»µ÷ÕûpxºÍem£¬µ«ÊÇ96%ÒÔÉϵÄÖйúÍøÃñʹÓÃIEä¯ÀÀÆ÷£¨»òÄںˣ©¡£
pxÏñËØ£¨Pixel£©£¬Ïà¶Ô³¤¶È ......
Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐǰÁ½ÕߵĻù±¾¸ñʽΪ£º
selector { property £º value£» }
CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑù ......
<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:´¦Àí·½Ê½£º
  ......
ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙ
CSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»
¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......