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

CSS: z index È¡Öµ·¶Î§


Ô­Àí£º
µ±Á½¸öͬ¸¸ÔªËØz-indexÏàͬʱ£¬ºóÃæµÄÔªËØÏÔʾÔÚÉÏÃæ¡£
µ±z-index³¬¹ýä¯ÀÀÆ÷×î´óֵʱ£¬ä¯ÀÀÆ÷»á°´×î´óÖµ¼ÆËã¡£
·½·¨£º
Á¬Ðø·ÅÖÃÁ½¸ödivÔªËØd1£¬d2£»²¢É趨position:absolute¼°²»Í¬±³¾°É«¡£
É趨d1.z-index = max + 1, d2.z-index = max£»
µ±max + 1ÓÐЧʱ£¬d1ÔÚÇ°£»µ±max + 1 ÎÞЧʱ£¬d2ÔÚÇ°¡££¨²Î¿´Ô­Àí£©
É趨d1.z-index = min, d2.z-index = min - 1£»
µ±min - 1ÓÐЧʱ£¬d1ÔÚÇ°£»µ±min - 1 ÎÞЧʱ£¬d2ÔÚÇ°¡££¨²Î¿´Ô­Àí£©
½á¹û£º
 
ver.
max
min
typeof(div.style.zIndex)
IE
8.0
2147483647
-2147483648
number
Chrome
3.0.195
2147483647
-2147483648
string
FF
3.5.7
2147483645
-2147483647
string
Opera
10.10
2147483584
-2147483584
string
½áÂÛ£º
µ±ÐèÒª¼æÈÝÒÔÉÏËùÓÐä¯ÀÀÆ÷ʱ£¬z-indexÐèʹÓà -2147483584 ~ 2147483584 ·¶Î§ÄÚµÄÊý×Ö


Ïà¹ØÎĵµ£º

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 ......

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

CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
inver ......

jquery+css Íê³É½ø¶ÈÌõ¹¦ÄÜ

½ñÌì¿´µ½Ò»ÆªÎÄÕÂÊÇcss´òÔì½ø¶ÈÌõ¡£È»ºó×Ô¼º×ö³É¶¯Ì¬µÄ½ø¶ÈÌõ£¬Í¬Ñù£¬Ê¹Óõ½cssºÍjauery£¬Çë¿´£º
1  Ê×ÏÈ£¬ÐèÒªÒýÈëjquery.jsÎļþ¡£
 <script src="Content/jquery.js" type="text/javascript"></script>
2  ËùÓõ½µÄÑùʽ²¿·Ö£º
<style>
 .graph {
    & ......

cssʵÏÖ±³¾°À­É죬²»¿ÉÔÙʵÏÖÁ¬½Ó

cssʵÏÖ±³¾°À­Éì ÖÆ×÷Ò³Ãæʱ£¬ÓÐʱÐèÒªÔÚ±í¸ñÄÚ²åÈë±³¾°Í¼,ÎÒÃÇ¿ÉÒÔʹÓÃCSS½øÐпØÖÆ£¬´úÂ룺
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
ÆäÖУ¬./images/counter_bg.jpgΪÏÔʾͼƬ·¾¶¡£ ......

ÍæתCSS£¬´Ó²ËÄñ¿ªÊ¼Ö® CSS×ÖÌåÑÕÉ«µÄÉèÖÃ

½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ

ÎҵļÒÏçÔÚ¿­Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ