CSS͸Ã÷Â˾µ
filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: Ïà¶ÔÓÚIE¡£»ðºüËÆºõºÃÏñ²»Ö§³Ö¡£ Öµ£ºÒÔ°Ù·Ö±ÈΪֵ£¬100 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»50²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
-moz-opacity: Ïà¶ÔÓÚFF£¬»ðºü¡£ Öµ£ºÒÔСÊýµãΪֵ£¬1 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»0.5²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
×¢Ò⣺ÉÏÃæµÄÂ˾µIE8²»Ö§³Ö¡£Òò´ËÎÒÃÇÐèÒªÓà <meta http-equiv="X-UA-Compatible" content="IE=7" /> À´ÉùÃ÷¡£ÈÃIE8Ç¿ÖÆÏÔʾΪIE7Ч¹û¡£
»ù±¾ÉÏ¿ÉÒÔÍêÃÀ½â¾ö£¡ÒÔÏÂÂ˾µ£¬ÔÚFFÀïÃæ²»Ö§³ÖµÄ£¬ÓÚÉÏÃæÍ¬Àí¡£ÔÚÃû³ÆÇ°Ãæ¼Ó¸ö-moz ±ã¿É½â¾ö¡£
ÆäËûÂ˾µ
ºÚ°×ÕÕÆ¬ filter: gray;
X¹âÕÕÆ¬ filter: Xray;
·ç¶¯Ä£ºý filter: blur(add=true,direction=45,strength=30);
ÕýÏÒ²¨ÎÆ filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
°ë͸Ã÷Ч¹û filter: Alpha(Opacity=50);
ÏßÐÍ͸Ã÷ filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
·ÅÉä͸Ã÷ filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
°×ɫ͸Ã÷ filter: Chroma(Color=#FFFFFF);
½µµÍÉ«²Ê filter: grays;
µ×ƬЧ¹û filter: invert;
×óÓҷת filter: fliph;
´¹Ö±·×ª filter: flipv;
ͶӰЧ¹û filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
ÂíÈü¿Ë filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
·¢¹âЧ¹û filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
Èá±ßЧ¹û filter:alpha(opacity=100, finishOpacity=0,style=2
Ïà¹ØÎĵµ£º
1¡¢CSSµÄÓï·¨ÊÇÕâÑùµÄ£ºselector {property: value}
selector-Ñ¡ÔñÆ÷£¨±ÈÈçbody¡¢div¡¢h2……£©
property-ÊôÐÔ £¨±ÈÈçbackground-color¡¢hidden¡¢text-align……£©
value-Öµ£¨±ÈÈçyellow¡¢blue¡¢12px¡¢center……£©
[×¢]£º
a¡¢³ýidÍâ´óСд²»Ãô¸Ð
b¡¢value´æÔÚ¶à¸öµ¥´Êʱ£¬ÒªÓÃÒ ......
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ºÍFirefox¶ÔCSS
µÄÇø±ð£¬¸ø´ó¼Ò½è¼ø¡£
¡¡¡ ......
abc.css
CSS code
.class1
{
width:10px;
background-color: red;
}
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="abc.css" />
<TITLE> New Document </TITLE>
<script&g ......
css²¼¾ÖµÄʱºò¶à¶à×¢Òâһϣ¬ÏàÐźܿì¾Í¿ÉÒÔÕÆÎÕÁËcss²¼¾ÖµÄ¼¼ÇÉ£¡
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸öä¯ÀÀÐë×¢Ò⣬ĬÈÏÉèÖÃÐи߿ÉÄÜÊÇɱÊÖ£»
Îå¡¢¶ÀÁ¢Çå³ý¸¡¶¯ÐëÃú¼Ç ......