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 ·¶Î§ÄÚµÄÊý×Ö
Ïà¹ØÎĵµ£º
filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: Ïà¶ÔÓÚIE¡£»ðºüËÆºõºÃÏñ²»Ö§³Ö¡£ Öµ£ºÒÔ°Ù·Ö±ÈΪֵ£¬100 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»50²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
-moz-opacity: Ïà¶ÔÓÚFF£¬»ðºü¡£ Öµ£ºÒÔСÊýµãΪֵ£¬1 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»0.5²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
×¢Ò⣺ÉÏÃæµÄÂ˾µIE8²»Ö§³Ö¡£Òò´ËÎÒÃÇÐèÒªÓà <meta h ......
×÷Õß:ÀîÀöæÂ
ÓÊÏ䣺lly219@gmail.com
ÈÕÆÚ£º2009-1-12
ǰÑÔ£¨×Ô˵×Ô»°£©
´Ó³õʶCSSµ½ÏÖÔÚÒѾ5¸öÄêÍ·ÁË¡£´ó¶àÊǶ϶ÏÐøÐøµÄ£¬¿ÉÊǽüÒ»ÄêÀ´½Ó´¥ÆÄ¶à£¬ÉõÓÐһЩЩÌå»á¡£
µÚÒ»´Î½Ó´¥Ö»ÖªµÀfont£¬color£¬background£¬margin£¬paddingµÈ»ù±¾ÖªÊ¶£¬ÄËÖÁÁ¬margin¡¢padding¶¼·Ö²»Çå¸öËùÒÔÈ»¡£
ÔÚµÚÒ»´ÎWeb´ó×÷ÒµÖÐÖªµÀÁËÓÐ&ldq ......
jspÒ³Ãæµ÷Óà <link type="text/css" rel="stylesheet" href="css/style.css"/>Ñùʽ±í
ÆäËûÑùʽ¶¼¿ÉÒÔÔÙÒ³ÃæÕý³£ÏÔʾ
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} ÏñÕâÑùµÄ±³¾°Í¼Æ¬Ñùʽ¾ÍÏÔʾ²»³öͼƬÊÇʲôÎÊÌ⣡ Myeclipse 6.5
ÔÚhtmlÖж¼¿ÉÒÔÏÔʾ ÔÚjspÖÐÏÔʾ ......
ninjacontent×é¼þÔÚÎÒµÄÍøÕ¾ÉÏÏÔʾ²»Õý³££¬ÏëÐÞ¸ÄËüµÄCSSʹÆäÕý³££¬¿ÉÊÇÔõôҲÕÒ²»µ½ËüµÄCSSµÄλÖã¬ÏÖÔÚÖÕÓÚÕÒµ½ÁË£¬ÌذÑËü¼Ç¼ÏÂÀ´£¬ÒÔ±¸ÓÐÓöµ½¸úÎÒÒ»ÑùÎÊÌâµÄÈ˲鿴¡£
CSSλÖãºÍøÕ¾¸ùĿ¼\media\com_ninjacontent\css\Ŀ¼Ï¡£ ......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......