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

CSSÌõ¼þ×¢ÊÍ

ÓÉÓÚä¯ÀÀÆ÷°æ±¾µÄ²»Í¬£¬¶ÔCSSÀïÄ³Ð©ÔªËØµÄ½âÊÍÒ²²»Ò»Ñù£¬²Å×Óµ±È»Ò²Åöµ½Í¬ÑùµÄÎÊÌ⣬ҲÊÕ¼¯ÁËһЩ½â¾ö·½·¨£¬²Å×Ó֮ǰÌù¹ýÁ½¸öÕë¶Ôä¯ÀÀÆ÷°æ±¾²»Í¬¶øÑ¡Ôñ²»Í¬CSSµÄ´úÂ룬ÓÐÐËȤµÄÅóÓÑ×Ô¼ºÕÒÕÒ°É¡£
ÆäʵÎÒÃÇ»¹¿ÉÒÔÀûÓÃÌõ¼þ×¢Ê͵ķ½·¨À´´ïµ½ÀàËÆµÄÄ¿µÄ£¬Ê²Ã´ÊÇÌõ¼þ×¢ÊÍ£¬²Å×ÓÒ²Ôڴ˼òµ¥½éÉÜһϣ¬Î޷ǾÍÊÇһЩifÅжÏÀ²£¬ºÇºÇ£¬µ«ÕâЩÅжϲ»ÊÇÔڽű¾ÀïÖ´Ðе쬶øÊÇÖ±½ÓÔÚhtml´úÂëÀïÖ´Ðеģ¬ÏÂÃæÀ´½éÉÜÒ»ÏÂʹÓ÷½·¨°É¡£
QUOTE:
<!--[if XXX]>
ÕâÀïÊÇÕý³£µÄhtml´úÂë
<![endif]-->
ÕâÀïXXXÊÇÒ»Ð©ÌØ¶¨µÄ¶«¶«£¬ÔÚ´ËÁÐ±í¼¸¸ö³öÀ´£¬Ïêϸ½éÉܸ÷×Եĺ¬Ò壺
<!--[if IE]> / Èç¹ûä¯ÀÀÆ÷ÊÇIE /
<!--[if IE 5]> / Èç¹ûä¯ÀÀÆ÷ÊÇIE 5 µÄ°æ±¾ /
<!--[if IE 6]> / Èç¹ûä¯ÀÀÆ÷ÊÇIE 6 µÄ°æ±¾ /
<!--[if IE 7]> / Èç¹ûä¯ÀÀÆ÷ÊÇIE 7 µÄ°æ±¾ /
......
ÉÏÃæÊǼ¸¸ö³£ÓõÄÅжÏIEä¯ÀÀÆ÷°æ±¾µÄÓï·¨£¬ÏÂÃæÔÙÀ´½éÉÜÒ»ÏÂÏà¶Ô±È½ÏÉÙÓõÄÂß¼­ÅжϵIJÎÊý£º
Óм¸¸ö²ÎÊý£ºlte£¬lt£¬gte£¬gt¼°!
¸÷×ÔµÄÏêϸ½âÊÍÈçÏ£º
QUOTE:
lte£º¾ÍÊÇLess than or equal toµÄ¼òд£¬Ò²¾ÍÊÇСÓÚ»òµÈÓÚµÄÒâ˼¡£
lt £º¾ÍÊÇLess thanµÄ¼òд£¬Ò²¾ÍÊÇСÓÚµÄÒâ˼¡£
gte£º¾ÍÊÇGreater than or equal toµÄ¼òд£¬Ò²¾ÍÊÇ´óÓÚ»òµÈÓÚµÄÒâ˼¡£
gt £º¾ÍÊÇGreater thanµÄ¼òд£¬Ò²¾ÍÊÇ´óÓÚµÄÒâ˼¡£
! £º¾ÍÊDz»µÈÓÚµÄÒâ˼£¬¸újavascriptÀïµÄ²»µÈÓÚÅжϷûÏàͬ£¬^0^
Ҳд¼¸ÌõÀý¾ä°É£º
QUOTE:
<!--[if gt IE 5.5]> / Èç¹ûIE°æ±¾´óÓÚ5.5 /
<!--[if lte IE 6]> / Èç¹ûIE°æ±¾Ð¡ÓÚµÈÓÚ6 /
<!--[if !IE]> / Èç¹ûä¯ÀÀÆ÷²»ÊÇIE /
......
¿´µ½ÕâÀïÏàÐÅ´ó¼Ò¶¼ÒѾ­Ã÷°×ÁËÌõ¼þ×¢Ê͵ÄÓ÷¨ÁË£¬OK£¬ÄÇÀ´¾Ù¸öÀý×Ó°É£º
<!-- ĬÈÏÏȵ÷ÓÃcss.cssÑùʽ±í -->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if !IE]>
<!-- ·ÇIEϵ÷ÓÃ1.cssÑùʽ±í -->
<link rel="stylesheet" type="text/css" href="1.css" />
<![endif]-->
<!--[if lt IE 6]>
<!-- Èç¹ûIEä¯ÀÀÆ÷°æ±¾Ð¡ÓÚ6,µ÷ÓÃ2.cssÑùʽ±í -->
<link rel="stylesheet" type="text/css" href="2.css" />
<![endif]-->
ÏêϸʹÓ÷½·¨ÒѾ­½éÉÜÍêÁË£¬²»µÃ²»ÌáµÄÒ»µã¾ÍÊÇ£º
Ìõ¼þ×¢ÊÍÊÇÔÚIE5.0/WinÒÔºó²Å±»IEÖ§³ÖµÄ£¬¶ÔÓÚIE5ÒÔǰµÄä¯ÀÀÆ÷ÊÇÎÞЧµÄ£¬²»¹ý£¬Ó¦¸ÃûʲôÈË»¹ÔÚʹÓÃIE4µÄ°æ±¾Á˰ɡ£^0^
ä¯ÀÀÆ÷µÄÌõ¼þ×¢ÊÍÀíÂÛ£¬ÓÃÏÂÃæÒ»¶Î


Ïà¹ØÎĵµ£º

jQuery:CSSÒõÓ°¶Ô»°¿ò

jQuery²å¼þ: jquery.widget.shadowbox.js
/**
* Ò»¸ö¼òµ¥µÄÉèÖÃDIVÒõÓ°µÄ²å¼þ
*
* ¹¦ÄÜ:
* 1. ¸ù¾ÝÒõÓ°¿í¶È×Ô¶¯µ÷ÕûÍâ²ãÈÝÆ÷¿í¶È,ÒÔ¼°Í¸Ã÷¶È
* 2. ¿É¶¨ÒåShadowBoxµÄ¿í¶ÈºÍ¸ß¶È
* 3. ¿ÉÓÃCSSÑùʽ±í¶¨Òå¿ÉÊÓ»¯Ñùʽ
*
* @author joe.he <developerworks@163.com>
* @copyright irgs.cn
*/
(fun ......

¼¸¸ö¾­µäµÄcss¼¼ÇÉ

ʹÓà line-height ´¹Ö±¾ÓÖÐ
line-height:24px;
ʹÓù̶¨¿í¶ÈµÄÈÝÆ÷²¢ÇÒÐèÒªÒ»Ðд¹Ö±¾ÓÖÐʱ£¬Ê¹Óà line-height ¼´¿É£¨¸ß¶ÈÓ븸²ãÈÝÆ÷Ò»Ö£©£¬¸ü¶àµÄ´¹Ö±¾ÓÖÐ×ܽá¿ÉÒÔ¿´ÕâÀï¡£
Çå³ýÈÝÆ÷¸¡¶¯
#main {
overflow:hidden;
}
²»ÈÃÁ´½ÓÕÛÐÐ
a {
white-space:nowrap;
}
ÉÏÃæµÄÉ趨¾ÍÄܱÜÃâÁ´½ÓÕÛÐУ¬²»¹ý¸ö ......

cssµÄposition relative¼æÈÝÎÊÌâÓë½â¾ö°ì·¨

   position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖØµÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇ̫;ÊǾ޴óµÄÒź¶£¬ÒÔǰ×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃæ£¬Ã»Óа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......

CSS¿ØÖÆDIVˮƽ´¹Ö±·½Ïò¾çÖÐ

  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
body{position:relative; border:solid 1px #30F; height:600px; }
.box{ position:ab ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ