DIV+CSSÉè¼ÆÊ±ä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌâ
ÔÚÕâÖÖä¯ÀÀÆ÷ÏÂÏÔʾÕý³££¬ÔÚÁíÒ»ÖÖϾÍÂÒÁË£¬ÎÒÃÇÔÚ±àдCSSµÄʱºò»áºÜÄջ𣬸ÕÐÞ¸´ÁËÕâ¸öä¯ÀÀÆ÷µÄÎÊÌ⣬½á¹ûÁíÍâÒ»¸öä¯ÀÀÆ÷È´³öÁËÐÂÎÊÌâ¡£
-
ʲôÊÇä¯ÀÀÆ÷¼æÈÝ£ºµ±ÎÒÃÇʹÓò»Í¬µÄä¯ÀÀÆ÷£¨Firefox IE7
IE6£©·ÃÎÊͬһ¸öÍøÕ¾£¬»òÕßÒ³ÃæµÄʱºò£¬»á³öÏÖһЩ²»¼æÈݵÄÎÊÌ⣬ÔÚÕâÖÖä¯ÀÀÆ÷ÏÂÏÔʾÕý³££¬ÔÚÁíÒ»ÖÖϾÍÂÒÁË£¬ÎÒÃÇÔÚ±àдCSSµÄʱºò»áºÜÄջ𣬸ÕÐÞ¸´
ÁËÕâ¸öä¯ÀÀÆ÷µÄÎÊÌ⣬½á¹ûÁíÍâÒ»¸öä¯ÀÀÆ÷È´³öÁËÐÂÎÊÌâ¡£ºÃ°É£¬ÎÒ·þÁËÐаɣ¬ÄÇÎÒ¾ÍÀûÓÃÄãÃǵIJ»¼æÈݸ÷дһ¶Îcss,ÈÃËûÃǸ÷Ö´Ðи÷µÄ£¬ºÇºÇ¡£
Ò»¡¢!important (¹¦ÄÜÓÐÏÞ)
Ëæ×ÅIE7¶Ô!importantµÄÖ§³Ö, !important ·½·¨ÏÖÔÚÖ»Õë¶ÔIE6µÄ¼æÈÝ.(×¢Òâд·¨.¼ÇµÃ¸ÃÉùÃ÷λÖÃÐèÒªÌáǰ.)
ÀýÈç:
#example {
width: 100px !important; /* IE7+FF */
width: 200px; /* IE6 */
}
¶þ¡¢CSS HACKµÄ·½·¨(ÐÂÊÖ¿ÉÒÔ¿´¿´£¬¸ßÊ־͵±Â·¹ý°É)
Ê×ÏÈÐèÒªÖªµÀµÄÊÇ£º
ËùÓÐä¯ÀÀÆ÷ ͨÓà height: 100px;
IE6 רÓà _height: 100px;
IE7 רÓà *+height: 100px;
IE6¡¢IE7 ¹²ÓÃ *height: 100px;
IE7¡¢FF ¹²ÓÃ height: 100px !important;
ÀýÈ磺
#example { height:100px; } /* FF */
* html #example { height:200px; } /* IE6 */
*+html #example { height:300px; } /* IE7 */
ÏÂÃæµÄÕâÖÖ·½·¨±È½Ï¼òµ¥
¾Ù¼¸¸öÀý×Ó£º
1¡¢IE6 - IE7+FF
#example {
height:100px; /* FF+IE7 */
_height:200px; /* IE6 */
}
ÆäʵÕâ¸öÓÃÉÏÃæËµµÄµÚÒ»ÖÖ·½·¨Ò²¿ÉÒÔ
#example {
height:100px !important; /* FF+IE7 */
height:200px; /* IE6 */
}
2¡¢IE6+IE7 - FF
#example {
height:100px; /* FF */
*height:200px; /* IE6+IE7 */
}
3¡¢IE6+FF - IE7
#example {
height:100px; /* IE6+FF */
*+height:200px; /* IE7 */
}
4¡¢IE6 IE7 FF ¸÷²»Ïàͬ
#example {
height:100px; /* FF */
_height:200px; /* IE6 */
*+height:300px; /* IE7 */
}
»ò£º
#example {
height:100px; /* FF */
*height:300px; /* IE7 */
_heigh
Ïà¹ØÎĵµ£º
margin-bottom:40px; /*ffµÄÊôÐÔ*/
margin-bottom:140px\9; /* IE6/7/8µÄÊôÐÔ */
color:red\0; /* IE8Ö§³Ö */
*margin-bottom:450px; /*IE6/7µÄÊôÐÔ*/ ......
CSSÖб³¾°Í¼Æ¬µÄÉèÖà ÂÜÀòÊÀ½ç ¸úÄúÒ»Æð¿´ÊÀ½ç http://lolier.info/ ¹Ø¼ü×Ö:CSS,ͼƬ,ÉèÖà CSSÖб³¾°Í¼Æ¬µÄÉèÖ㺠²»Æ½ÆÌ£ºbackground-repeat: no-repeat; ºáÏòƽÆÌ£ºbackground-repeat: repeat-x; ×ÝÏòƽÆÌ£ºbackground-repeat: repeat-y; ¹Ì¶¨£ºbackground-attachment: fixed; ¹ö¶¯£ºbackground-attachment: scroll; ......
1.alphaÊôÐÔ:
alphaÊôÐÔÓÃÀ´ÉèÖÃ͸Ã÷¶È¡£
Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
opacity±íʾ͸Ã÷¶ÈµÈ¼¶£¨0~100£©
finishopacityÓÃÀ´ÉèÖýáÊøÃ÷µÄ͸Ã÷¶È
startXºÍstartY±íʾ½¥± ......
µÚ¶þ½² div+css±ê×¼²¼¾Ö
Óŵ㣺ÄÚÈݺÍÑùʽ·ÖÀë
margin£ºÍâ±ß¾à
¾ÙÀý£º
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
»òÕßд³É£º
.bianju{
margin:1cm 2cm 3cm 4cm; (×óÓÒÉÏÏÂ)Èç¹ûֻдһ¸ö£¬ÊÇ4±ß¶¼ÊÇÒ»¸ö¹Ì¶¨µÄÖµ
margin:auto   ......
Èç¹ûÄã²»×ÜÊÇÓà Windows
É쵀 Internet
Explorer
À´ÉÏÍøµÄ»°£¬Äã¿ÉÄÜ»á×¢Òâµ½£¬Ðí¶àÍøÕ¾ÉϵÄÊÓÆµµã²¥Ö®ÀàµÄ¶àýÌåÄÚÈÝ£¬ÄãÎÞ·¨Ö±½ÓÔÚ Internet Explorer
ÒÔÍâµÄÆäËüä¯ÀÀÆ÷Öйۿ´£¬±ÈÈçÃ÷Ã÷ÒѾ°²×°
Á˲å¼þÈ´ÌáʾȱÉÙ²å¼þ£¬»òÕßʲô¶¼²»Ìáʾ³öÏֿյĿò¿ò£¬»òÕßÏÔ
ʾÁ˲¥·ÅÆ÷²å¼þȴʼÖÕÁ¬²»ÉÏ´ò²»¿ªÖ®ÀàµÄÎÊÌ⣠......