Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSÂ˾µµÄʹÓ÷½·¨

CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
invert£º·´É«
light£º´´½¨¹âÔ´ÔÚ¶ÔÏóÉÏ
mask£º´´½¨Í¸Ã÷ÑÚĤÔÚ¶ÔÏóÉÏ
shadow£º´´½¨Æ«Òƹ̶¨Ó°×Ó
¾ßÌåµÄÓ¦ÓÃÓÐÁ½ÖÖ·½·¨£º
1¡¢Ïȶ¨ÒåºÃCSS £¬ÔÙÔÚÒ³ÃæÖÐÐèÒªµÄ¶ÔÏóÉÏʹÓÃÔ¤Ïȶ¨ÒåºÃµÄCSS£¬Êµ¼ÊÉÏCSSµÄÉèÖöԻ°¿òÀïÒѾ­Ô¤ÏȽ«ÕâЩÂ˾µµÄÓï·¨ÉèÖúÃÁË£¬ÎÒÃÇÖ»ÐèÌîÉÏÊʺϵľßÌå²ÎÊý¼´¿É£º
2¡¢Ö±½ÓÔÚÖ§³ÖCSSÂ˾µÐ§¹ûµÄHTML¿Ø¼þÔªËØÉϱàдCSS filter´úÂë¡£
AlphaÂ˾µ: Ìýµ½Õâ¸öÃû×Ö£¬Äã¿ÉÄÜ»áÏëµ½FlashÀïÓУ¬PhotoshopÀïÒ²Ëƺõ¼û¹ý¡£Ò»µã²»´í£¬ËüÃǵÄ×÷Óûù±¾ÀàËÆ£¬¾ÍÊÇ°ÑÒ»¸öÄ¿±êÔªËØÓë±³¾°»ìºÏ¡£Äã¿ÉÒÔÖ¸¶¨ÊýÖµÀ´¿ØÖÆ»ìºÏµÄ³Ì¶È¡£ÕâÖÖ“Óë±³¾°»ìºÏ"ͨË×µØ˵¾ÍÊÇÒ»¸öÔªËصÄ͸Ã÷¶È.
Óï·¨£ºSTYLE="filter: Alpha(Opacity=opacity, FinishOpacity=finishopacity£¬Style=style, StartX=startX£¬StartY=startY£¬FinishX=finishX£¬FinishY=finishY)"
˵Ã÷£º
Opacity£ºÆðʼֵ£¬È¡ÖµÎª0¡«100, 0Ϊ͸Ã÷£¬100Ϊԭͼ¡£
FinishOpacity£ºÄ¿±êÖµ¡£
Style£º1»ò2»ò3
StartX£ºÈÎÒâÖµ
StartY£ºÈÎÒâÖµ
Àý×Ó£ºfilter:Alpha(Opacity="0″,FinishOpacity="75″,Style="2″)
BlurÂ˾µ:ÊÇCSSµÄÂ˾µÖ®Ò»£¬°ÑËü¼ÓÔص½ÎÄ×ÖÉÏ£¬¿É²úÉúÁ¢Ìå×ÖµÄЧ¹û£¬Õ⽫ΪÄãÔÚÍøÒ³ÉÏʹÓÃÁ¢Ìå×Ö×ö±êÌâ´øÀ´Á˼«´óµÄ·½±ã£¬Ò²ÎªÄãµÄÍøÒ³¼õÇáÁË·ÖÁ¿£»°ÑBlurÂ˾µ¼ÓÔص½Í¼Æ¬ÉÏ£¬ÄÜʹÄãµÄͼƬÔöÉ«²»ÉÙ£¬ËäÈ»ÓÃͼÏó´¦ÀíÈí¼þÒ²ÄܴﵽͬÑùЧ¹û£¬µ«ÓÃBlurÂ˾µ¿É·½±ã¶àÁË.
Óï·¨£ºSTYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
˵Ã÷£º
Add£ºÒ»°ãΪ1£¬»ò0¡£
Direction£º½Ç¶È£¬0¡«315¶È£¬²½³¤Îª45¶È¡£
Strength£ºÐ§¹ûÔö³¤µÄÊýÖµ£¬Ò»°ã5¼´¿É¡£
Àý×Ó£ºfilter:Blur(Add="1″,Direction="45″,Strength="5″)
ChromaÂ˾µ:ÉèÖöÔÏóµÄÉ«²ÊŨ¶È
Óï·¨£ºSTYLE="filter:Chroma(Color = color)"
˵Ã÷£ºcolor£º#rrggbb¸ñʽ£¬ÈÎÒâ¡£
Àý×Ó£ºfilter:Chroma(Color="#FFFFFF")
DropShadowÂ˾µ:¹ËÃû˼Òå¾ÍÊÇÌí¼Ó¶ÔÏóµÄÒõӰЧ¹û¡£ËüµÄʵ¼ÊЧ¹û¿´ÉÏÈ¥¾ÍÏóÊÇÔ­À´µÄ¶ÔÏóÀ뿪ÁËÒ³Ã棬ȻºóÔÚÒ³ÃæÉÏÏÔʾ³ö¸Ã¶ÔÏóµÄͶӰ¡£Æ乤×÷Ô­ÀíÊ


Ïà¹ØÎĵµ£º

IEÓëFFÔÚjs¡¢css¡¢html·½ÃæµÄ²»¼æÈÝÎÊÌâ


jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔ­Éú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
        ²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......

javascript+css ʵÏÖtab¹¦ÄÜ

<!---------<html>
    <head>
        <style type="text/css">
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......

CSS HackËÙ¼Ç

CSS HackËÙ¼Ç: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   ʾÀý height:100px;¡¾FF¡¿ ......

css²¼¾ÖµÄ¿Ú¾÷

css²¼¾ÖµÄʱºò¶à¶à×¢Òâһϣ¬ÏàÐźܿì¾Í¿ÉÒÔÕÆÎÕÁËcss²¼¾ÖµÄ¼¼ÇÉ£¡
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒƲ»±Ø»Å£¬¸ß¶ÈÉèÖðïÄã棻
ËÄ¡¢¼æÈݸ÷¸öä¯ÀÀÐë×¢Ò⣬ĬÈÏÉèÖÃÐи߿ÉÄÜÊÇɱÊÖ£»
Îå¡¢¶ÀÁ¢Çå³ý¸¡¶¯ÐëÃú¼Ç ......

css½¥±ä´úÂë4ÖÖ

css½¥±ä´úÂë4ÖÖ
Ò»¡¢´ÓÉÏÍùϽ¥±ä
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-col ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ