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

CSS ÓÃz index½øÐвã´Î¶Ñµþ

CSS¿ÉÒÔ´¦Àí¸ß¶È¡¢¿í¶È¡¢Éî¶ÈÈý¸öά¶È¡£ÔÚÇ°ÃæµÄ¿Î³ÌÖУ¬ÎÒÃÇÒѾ­Á˽âÁËǰÁ½¸öά¶È¡£ÔÚ±¾¿ÎÖУ¬ÎÒÃǽ«Ñ§Ï°ÈçºÎÁî²»Í¬ÔªËØ¾ßÓвã´Î¡£¼òÑÔÖ®£¬¾ÍÊǹØÓÚÔªËØ¶ÑµþµÄ´ÎÐòÎÊÌâ¡£
Ϊ´Ë£¬Äã¿ÉÒÔΪÿ¸öÔªËØÖ¸¶¨Ò»¸öÊý×Ö£¨z-index£©¡£ÆäÔ­ÀíÊÇ£ºÊý×ֽϴóµÄÔªËØ½«µþ¼ÓÔÚÊý×Ö½ÏСµÄÔªËØÖ®ÉÏ¡£
±È·½Ëµ£¬ÎÒÃÇÕýÔÚ´òÆË¿Ë£¬²¢ÇÒÄÃÁËÒ»ÊÖͬ»¨´ó˳¡£ÎÒÃÇ¿ÉÒÔͨ¹ýΪ¸÷ÕÅÅÆÉ趨һ¸öz-indexµÄ·½Ê½À´±íʾÕâÊÖÅÆ£º
ÔÚÕâ¸öÀý×ÓÖУ¬ÎÒÃDzÉÓÃÁË1-5Îå¸öÁ¬ÐøµÄÊý×ÖÀ´±íʾ¶Ñµþ´ÎÐò£¬µ«ÊÇÄãÒ²¿ÉÒÔÓÃÎå¸ö²»Í¬µÄÆäËûÊý×ÖÀ´È¡µÃͬÑùµÄЧ¹û¡£ÕâÀïµÄÒªµãÔÚÓÚ£ºÓÃÊý×ֵĴóС´ÎÐò·´Ó³Ï£ÍûµÄ¶Ñµþ´ÎÐò¡£
ÆË¿ËÅÆÕâ¸öÀý×ӵĴúÂë¿ÉÒÔÕâÑùд£º
#ten_of_diamonds {
position: absolute;
left: 100px;
top: 100px;
z-index: 1;
}
#jack_of_diamonds {
position: absolute;
left: 115px;
top: 115px;
z-index: 2;
}
#queen_of_diamonds {
position: absolute;
left: 130px;
top: 130px;
z-index: 3;
}
#king_of_diamonds {
position: absolute;
left: 145px;
top: 145px;
z-index: 4;
}
#ace_of_diamonds {
position: absolute;
left: 160px;
top: 160px;
z-index: 5;
}
ÏÔʾʾÀý
¸Ã·½·¨ËäÈ»¼òµ¥£¬µ«È´ÄÜÓ¦¸¶Ðí¶àÇé¿ö¡£Äã¿ÉÒÔ½«Í¼Æ¬µþ¼Óµ½Îı¾Ö®ÉÏ£¬Ò²¿ÉÒÔ½«Îı¾µþ¼Óµ½Îı¾Ö®Éϵȵȡ£
С½á
²ã´Î¿ÉÒÔÓ¦ÓÃÓÚÐí¶àÇé¿ö֮ϡ£ÀýÈ磬¿ÉÒÔÓÃz-indexʵÏÖΪ±êÌ⣨headline£©ÔöÌíЧ¹û£¨±ÜÃâÁ˲ÉÓÃͼƬµÄ·½Ê½£©¡£ÕâÑù£¬Ò»·½Ãæ£¬×°ÔØÎı¾µÄËٶȱÈͼƬҪ¿ì£»ÁíÒ»·½Ã棬²ÉÓÃÎı¾¿ÉÄܸüÓÐÀûÓÚÌá¸ßÍøÕ¾µÄËÑË÷ÒýÇæÅÅÃû¡£


Ïà¹ØÎĵµ£º

CSS¶ÔIE6¡¢IE7¡¢IE8Ö§³ÖÏêϸµÄÒ×ÓõIJο¼

來Ô´£ºhttp://www.webjx.com/css/divcss-17091.html
ÖÐÎÄÔ­ÎÄ£ºCSSÔÚInternet Explorer 6, 7 ºÍ8ÖеIJî±ð
Òë×Ô£ºCSS Differences in Internet Explorer 6, 7 and 8
¹ØÓÚä¯ÀÀÆ÷µÄ×îÀëÆæµÄͳ¼Æ½á¹ûÖ®Ò»¾ÍÊÇInternet Explorer
 
°æ±¾6£¬7ºÍ8¹²´æ¡£½ØÖÁ±¾ÎÄ£¬Internet Explorer¸÷¸ö°æ±¾×ܹ²Õ¼¾ÝÁË´óÔ¼65%µÄÊг¡ ......

ѧϰCSSÁ˽ⵥλemºÍpxµÄÇø±ð

ÔÚ¹úÄÚÍøÕ¾ÖУ¬°üÀ¨Èý´óÃÅ»§£¬ÒÔ¼°“ÒýÁì”ÖйúÍøÕ¾Éè¼Æ³±Á÷µÄÀ¶É«ÀíÏ룬ChinaUIµÈ¶¼ÊÇʹÓÃÁËpx×÷Ϊ×ÖÌ嵥λ¡£Ö»ÓаٶȺôõ×öÁ˸ö¿Éµ÷µÄ±íÂÊ¡£¶øÔÚ´óÑó±Ë°¶£¬¼¸ºõËùÓеÄÖ÷Á÷Õ¾µã¶¼Ê¹ÓÃem×÷Ϊ×ÖÌ嵥룬Ҳ¾ÍÊǿɵ÷µÄ¡£Ã»´í£¬px±Èem¸ü¼ÓÈÝÒ×ʹÓ㬴󲿷ֶÁÕß²»ÖªµÀemΪºÎÎï»òÕßËüÏ൱ÓÚ¶àÉÙpx¡£¹úÍâÈËÊ¿Èç´ËÖØÊÓÍøÕ ......

cssÉèÖÃie7,ie8ÖÐdiv¸ß¶È×Ô¶¯ÉèÖÃ

ie6ÖÐdivµÄ¸ß¶È×Ô¶¯ÉèÖ㬵½ÁËie7ºÍie8¾Í²»ÐÐÁË£¬ÐèÒªÉèÖÃcss
/*Õë¶Ô·ÇIE*/
div:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*Õë¶ÔIE*/
div{zoom:1;} ......

CSS³£ÓôúÂë

// °´×Ö·û»»ÐÐ
style="word-break: break-all;"
// °´´Ê×é»»ÐÐ
style="word-wrap: break-word;"
==========================================================================
==========================================================================
    font-family:Ari ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ