תµÄ: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">
 
Ïà¹ØÎĵµ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......
Ó¦ÓÃÑùʽµÄ·½·¨ÓÐÈýÖÖ£ºÍⲿ(external)¡¢ÄÚ²¿(internal)ºÍÄÚÁª(inline)¡£ÆäÖÐǰÁ½ÕߵĻù±¾¸ñʽΪ£º
selector { property £º value£» }
CSSÖпÉÒÔʹÓò»Í¬µÄselector(Ñ¡Ôñ·û)À´Ó¦ÓÃÑù ......
ÓÉÓÚ¸÷ä¯ÀÀÆ÷µÄĬÈÏCSSÑùʽ²»Ò»Ñù£¬ÎÒÃDZØÐëдһ¸öCSS ResetͳһÆðÀ´¡£
ͨ³£ÎÒµÄ×ö·¨ÊÇÔÚcommon.cssÀïдȫ¾Ö¿ØÖÆ£¬ÕâÀïÃæÒ²°üÀ¨headerºÍfooter£¬ÆäËüCSSÎļþ¾Íͨ¹ý@import url(”common.css”);ÒýÓá£
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Ari ......
<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:´¦Àí·½Ê½£º
  ......
µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾Í
ÒªÖսᣬÂíÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»
ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬ÄãÒª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõà ......