תµÄ: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">
 
Ïà¹ØÎĵµ£º
1.»ù±¾Óï·¨£º
Ñ¡Ôñ·ûÃû×Ö { ÉùÃ÷; }
Ñ¡Ôñ·ûÃû×ÖÃüÃû¹æÔò£º
CSSÑ¡Ôñ·û¿ÉÒÔʹÓÃÓ¢ÎÄ×ÖĸµÄ´óдÓëСд,Êý×Ö,Á¬×ÖºÅ,Ï»®Ïß,ðºÅ,¾äºÅ.
2.·ÖÀࣺ
ÔÚAndy BuddµÄ¡¶CSS MASTERY¡·£¨ÖÐÒë¡¶¾«Í¨CSS¡·£©ÖУ¬½«CSSÑ¡Ôñ·û·ÖΪ£º³£ÓÃÑ¡Ôñ·û¡¢Í¨ÓÃÑ¡Ôñ·ûºÍ¸ß¼¶Ñ¡Ôñ·û¡£³£ÓÃÑ¡Ôñ·û°üÀ¨£ºÀàÐÍÑ¡Ôñ·û¡¢ÀàÑ¡Ôñ·û¡¢IDÑ¡Ôñ·û¡¢ºó´ ......
<!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 ......
<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:´¦Àí·½Ê½£º
  ......
ÔÎĵØÖ·£ºhttp://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙ
CSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»
¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......