<noscript>åQšä¸æ”¯æŒè„šæœ¬çš„显½Cºnoscript里é¢çš„内å®?/div>
<noframes>åQšä¸æ”¯æŒæ¡†æž¶çš„显½Cºnoframes里é¢çš„内å®?br />
<nobr>: ä¸æ¢è¡Œæ˜¾½Cºå†…å®?br /><map>定义一个图片，ã€?lt;area>在图片上定点昄¡¤º
<fieldset>å¯å°†è¡¨å•å†…çš„å…ƒç´ åˆ†ç»„,é…åˆlegendæ ‡ç¾ä½¿ç”¨[使用title]
<optgroup>:æ ‡ç¾å®šä¹‰é€‰é¡¹¾l„[下拉列表里é¢åˆ†ç»„昄¡¤º]
<sub>ä¸Šæ ‡ <sup>ä¸‹æ ‡ <del>æ–‡å—ä¸ŠåŠ åˆ é™¤¾U? <ins>æ–‡å—ä¸‹åŠ åˆ’çº¿
<ol>有åºåˆ—表,å‰é¢æ˜„¡¤ºä¸‹æ ‡æ ‡è¯† <ul>æ— åºåˆ—表,å‰é¢æ˜„¡¤ºåœ†ç‚¹æ ‡è¯† <li>å项
<dl>内容å? <dd>å†…å®¹æ ‡é¢˜ <dt>内容
<address>昄¡¤ºåœ°å€ä¿¡æ¯
xcp 2011-12-15 17:59 å‘表评论
]]>CSS滤镜 å…¶ä¸makeshadow代表是å¦å¤„ç†ä¸ºé˜´å½±ï¼Œpixelradius表示模糊作用深度åQŒshadowopacity表示阴媄的é€æ˜Žåº¦ã€?br />
例ååQšfilter:Chroma(Color="#FFFFFF")
　　cssæ»¤é•œçš„æ ‡è¯†ç¬¦å¼?#8220;filter”åQŒæ€ÖM½“的应用上和其他的cssè¯å¥ç›¸åŒã€‚css滤镜å¯åˆ†ä¸ºåŸºæœ¬æ×o镜和高çñ”滤镜两ç§ã€?css滤镜分类å¯ä»¥ç›´æŽ¥ä½œç”¨äºŽå¯¹è±¡ä¸ŠåQŒåƈ且立å³ç”Ÿæ•ˆçš„滤镜¿UîCؓ基本滤镜。而è¦é…åˆJavaScript½{‰è„šæœ¬è¯a€åQŒèƒ½äº§ç”Ÿæ›´å¤šå˜å‰ò效果的则¿UîCؓ高çñ”滤镜ã€?br />
alphaåQˆé€šé“åQ?/h2>
alpha滤镜用于讑֮šé€æ˜Žåº¦ï¼Œå®ƒçš„表达å¼å¦‚下：
filteråQšalphaåQˆopacity=opacityåQŒfinishopacity=finishopacityåQŒstyle=styleåQŒstartX=startXåQŒstartY=startYåQŒfinishX=finishXåQŒfinishY=finishYåQ? 　　其ä¸opacity表示é€æ˜Žåº¦ç‰¾U§ï¼Œå¯é€‰å€ég»Ž0~100åQ?代表完全é€æ˜ŽåQ?00代表完全ä¸é€? 明。Styleå‚数指定了é€æ˜ŽåŒºåŸŸçš„åŞ状特å¾ã€‚å…¶ä¸?代表¾lŸä¸€å½¢çŠ¶åQ?代表¾U¿åÅžåQ?代表攑ְ„çŠÓž¼›3代表长方形。StartXå’ŒStartY代表æ¸å˜é€æ˜Žæ•? 果的开始åæ ‡ï¼ŒfinishXå’ŒfinishY代表æ¸å˜é€æ˜Žæ•ˆæžœçš„结æŸåæ ‡ã€? 　　
ie下实现方å¼filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); æ ‡å‡†‹¹è§ˆå™?/a>åQˆFFã€Chromeã€OperaåQ‰ä¸‹å®žçŽ°æ–¹å¼åQšopacity: 0.5;
filter:alpha(Opacity=5); /*IE*/
ie下实现方å¼filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); æ ‡å‡†‹¹è§ˆå™?/a>åQˆFFã€Chromeã€OperaåQ‰ä¸‹å®žçŽ°æ–¹å¼åQšopacity: 0.5;
filter:alpha(Opacity=5); /*IE*/
-moz-opacity:0.08; /*MOZ , FF*/
bluråQˆæ¨¡¾pŠï¼‰
模糊滤镜¾l™äºˆå¯¹è±¡æœ¦èƒ§¼œžç§˜çš„效果，它的表达å¼å¦‚下：
Chroma(é€æ˜Žè‰?
chroma滤镜¾l™äºˆå›‘փ一个特定的颜色é€æ˜ŽåQŒå®ƒçš„表辑ּ如下åQ?filter:Chroma(Color=color)"
说明åQšcoloråQ?rrggbbæ ¼å¼åQŒä“Qæ„ã€? 例ååQšfilter:Chroma(Color="#FFFFFF")
DropShadow(投射阴媄)
è¯æ³•åQšSTYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)" 　　
说明åQšColor:#rrggbbæ ¼å¼åQŒä“Qæ„ã€?　　
OffxåQšXè½´å¼›Õd€¹{€?　　
OffyåQšYè½´å¼›Õd€¹{€?　　
PositiveåQ?æˆ?ã€?　　
例ååQšfilter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
说明åQšColor:#rrggbbæ ¼å¼åQŒä“Qæ„ã€?　　
OffxåQšXè½´å¼›Õd€¹{€?　　
OffyåQšYè½´å¼›Õd€¹{€?　　
PositiveåQ?æˆ?ã€?　　
例ååQšfilter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
FlipHåQˆæ°´òq³ç¿»è½¬ï¼‰
è¯æ³•åQšSTYLE="filter:FlipH"
例ååQšfilter:FlipH
è¯æ³•åQšSTYLE="filter:FlipV"
例ååQšfilter:FlipV
FlipVåQˆåž‚直翻转）
例ååQšfilter:FlipV
glowåQˆå¤–边界光效åQ?/h2>
è¯æ³•åQšSTYLE="filter:Glow(Color=color,Strength=strength)" 　　
说明åQ?　　ColoråQšå‘光颜艌Ӏ?　　
StrengthåQšå¼ºåº?0åQ?00) 　　
例ååQšfilter:Glow(Color="#6699CC",Strength="5")
滤镜åQšgray 　　
è¯æ³•åQšSTYLE="filter:Gray" 　　
例ååQšfilter:Gray
说明åQ?　　ColoråQšå‘光颜艌Ӏ?　　
StrengthåQšå¼ºåº?0åQ?00) 　　
例ååQšfilter:Glow(Color="#6699CC",Strength="5")
滤镜åQšgray 　　
è¯æ³•åQšSTYLE="filter:Gray" 　　
例ååQšfilter:Gray
invertåQˆåº•ç‰‡æ•ˆæžœï¼‰
è¯æ³•åQšSTYLE="filter:Invert" 　　
例ååQšfilter:Invert
例ååQšfilter:Invert
maskåQˆé€æ˜Žè†œæ•ˆæžœï¼‰
è¯æ³•åQšSTYLE="filter:Mask(Color=color)"
例ååQšfilter:Mask(Color="#FFFFE0")
例ååQšfilter:Mask(Color="#FFFFE0")
shadowåQˆé˜´å½±æ•ˆæžœï¼‰
è¯æ³•åQšfilter:Shadow(Color=color,Direction=direction) 　　
说明åQ?　　ColoråQ?rrggbbæ ¼å¼ã€?　　
DirectionåQšè§’度，0åQ?15度，æ¥é•¿ä¸?5度ã€?　　
例ååQšfilter:Shadow(Color="#6699CC",Direction="135")
说明åQ?　　ColoråQ?rrggbbæ ¼å¼ã€?　　
DirectionåQšè§’度，0åQ?15度，æ¥é•¿ä¸?5度ã€?　　
例ååQšfilter:Shadow(Color="#6699CC",Direction="135")
waveåQˆæ£å¼¦æ‡L¾UÒŽ‰“乱图片效果）
è¯æ³•åQšfilter:Wave(Add=addåQŒFreq=freqåQŒLightStrength=strengthåQŒPhase=phaseåQŒStrength=strength) 　　
说明åQ?　　AddåQšä¸€èˆ¬äØ“1åQŒæˆ–0ã€?　　
FreqåQšå˜å½¢å€¹{€?　　
LightStrengthåQšå˜å½¢ç™¾åˆ†æ¯”ã€?　　
PhaseåQšè§’度å˜å½¢ç™¾åˆ†æ¯”ã€?　　
StrengthåQšå˜å½¢å¼ºåº¦ã€?　　
例ååQšfilter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")
说明åQ?　　AddåQšä¸€èˆ¬äØ“1åQŒæˆ–0ã€?　　
FreqåQšå˜å½¢å€¹{€?　　
LightStrengthåQšå˜å½¢ç™¾åˆ†æ¯”ã€?　　
PhaseåQšè§’度å˜å½¢ç™¾åˆ†æ¯”ã€?　　
StrengthåQšå˜å½¢å¼ºåº¦ã€?　　
例ååQšfilter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")
XrayåQˆåªæ˜„¡¤ºè½®å»“åQ?/h2>
è¯æ³•åQšSTYLE="filter:Xray"
例ååQšfilter:Xray
例ååQšfilter:Xray
]]>