[CSS HACK]IE6¡¢IE7¡¢IE8¡¢Firefox¼æÈÝÐÔÎÊÌâ
1.Çø±ðIEºÍ·ÇIEä¯ÀÀÆ÷
#tip {
background:blue; /*·ÇIE ±³¾°藍É«*/
background:red \9; /*IE6¡¢IE7¡¢IE8±³¾°紅É«*/
}
2.Çø±ðIE6,IE7,IE8,FF
¡¾Çø±ð·ûºÅ¡¿£º¡¸\9¡¹¡¢¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
background:red \9; /*IE8 ±³¾°±äºìÉ«*/
*background:black; /*IE7 ±³¾°±äºÚÉ«*/
_background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºÒòΪIEϵÁÐä¯ÀÀÆ÷¿É¶Á¡¸\9¡¹£¬¶øIE6ºÍIE7¿É¶Á¡¸*¡¹(Ã××ÖºÅ)£¬ÁíÍâIE6¿É±æÊ¶¡¸_¡¹(µ×Ïß)£¬Òò´Ë¿ÉÒÔÒÀÕÕ˳ÐòдÏÂÀ´£¬¾Í»áÈÃä¯ÀÀÆ÷ÕýÈ·µÄ¶ÁÈ¡µ½×Ô¼º¿´µÃ¶®µÃCSSÓï·¨£¬ËùÒԾͿÉÒÔÓÐÐ§Çø·ÖIE¸÷°æ±¾ºÍ·ÇIEä¯ÀÀÆ÷(ÏñÊÇFirefox¡¢Opera¡¢Google Chrome¡¢SafariµÈ)¡£
3.Çø±ðIE6¡¢IE7¡¢Firefox (·½·¨ 1)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox±³¾°±äÀ¶É«*/
*background:black; /*IE7 ±³¾°±äºÚÉ«*/
_background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºIE7ºÍIE6¿É¶Á¡¸*¡¹(Ã××ÖºÅ)£¬IE6ÓÖ¿ÉÒÔ¶Á¡¸_¡¹(µ×Ïß)£¬µ«ÊÇIE7È´ÎÞ·¨¶ÁÈ¡¡¸_¡¹£¬ÖÁÓÚFirefox(·ÇIEä¯ÀÀÆ÷)ÔòÍêÈ«ÎÞ·¨±æÊ¶¡¸*¡¹ºÍ¡¸_¡¹£¬Òò´Ë¾Í¿ÉÒÔ͸¹ýÕâÑùµÄ²îÒìÐÔÀ´Çø·ÖIE6¡¢IE7¡¢Firefox
4.Çø±ðIE6¡¢IE7¡¢Firefox (·½·¨ 2)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸!important¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
*background:green !important; /*IE7 ±³¾°±äÂÌÉ«*/
*background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºIE7¿ÉÒÔ±æÊ¶¡¸*¡¹ºÍ¡¸!important¡¹£¬µ«ÊÇIE6Ö»¿ÉÒÔ±æÊ¶¡¸*¡¹£¬È´ÎÞ·¨±æÊ¶¡¸!important¡¹£¬ÖÁÓÚFirefox¿ÉÒÔ¶ÁÈ¡¡¸!important¡¹µ«²»ÄܱæÊ¶¡¸*¡¹Òò´Ë¿ÉÒÔ͸¹ýÕâÑùµÄ²îÒìÀ´ÓÐÐ§Çø¸ôIE6¡¢IE7¡¢Firefox¡£
5.Çø±ðIE7¡¢Firefox
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸!important¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
*background:green !important; /*IE7 ±³¾°±äÂÌÉ«*/
}
¡¾ËµÃ÷¡¿£ºÒòΪFirefox¿ÉÒÔ±æÊ¶¡¸!important¡¹µ«È´ÎÞ·¨±æÊ¶¡¸*¡¹£¬¶øIE7Ôò¿ÉÒÔͬʱ¿´¶®¡¸*¡¹¡¢¡¸!important¡¹£¬Òò´Ë¿ÉÒÔÁ½¸ö±æÊ¶·ûºÅÀ´Çø¸ôIE7ºÍFirefox¡£
6.Çø±ðIE6¡¢IE7 (·½·¨ 1)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip
Ïà¹ØÎĵµ£º
Ò»£®ÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
¶þ£®³£ÓÃÀà/IDÃüÃû¹æ·¶
Ò³¡¡Ã¼£ºheader
ÄÚ¡¡ÈÝ£ºcontent
ÈÝ¡¡Æ÷£ºcontainer
Ò³¡¡½Å£ºfooter
°æ¡¡È¨£ºcopyright¡¡
µ¼¡¡º½£ºmenu
Ö÷µ¼º½£ºmainMenu
×Óµ¼º½£ºsubMenu
......
ÍøÕ¾±äºÚ»ÒÉ«CSSÂ˾µ´úÂë
Òý×Ô:http://edu.seuuo.com/html/81/n-12181.html
Ϊ·½±ãÕ¾µã°§µ¿£¬ÌØÌṩcssÂ˾µ´úÂ룬ÒÔ±í°§µ¿¡£ÒÔÏÂΪȫվCSS´úÂë¡£
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨£ºÕâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£½¨ÒéÈ«¹úÕ¾³¤¶¯ ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ÎÞ±êÌâÎĵµ</ ......
CSSÓÅÏȼ¶°üº¬Ëĸö¼¶±ð£¨ÎÄÄÚÑ¡ÔñÆ÷£¬IDÑ¡ÔñÆ÷£¬ClassÑ¡ÔñÆ÷£¬ÔªËØÑ¡ÔñÆ÷£©ÒÔ¼°¸÷¼¶±ð³öÏֵĴÎÊý¡£¸ù¾ÝÕâËĸö¼¶±ð³öÏֵĴÎÊý¼ÆËãµÃµ½CSSµÄÓÅÏȼ¶¡£
CSSÓÅÏȼ¶µÄ¼ÆËã¹æÔòÈçÏ£º
* Ò³ÃæÖÐÖ±½ÓÉèÖÃstyle,¼Ó1,0,0,0
* ÿ¸öIDÑ¡ÔñÆ÷(Èç #id),¼Ó0,1,0,0
* ÿ¸öClassÑ¡ÔñÆ÷(Èç .class)¡¢Ã¿¸öÊôÐÔÑ¡ÔñÆ÷(Èç [attribute=])¡¢Ã¿¸ö ......
Åöµ½ºÃЩÎÊÌ⣬FirefoxÏÂÃæ¿´×źÜÍêÃÀ£¬ie6ÏÂÃæ¾Í²Ò²»È̶㬻¹ºÃ£¬Ò»µãµãÂýÂý½â¾öÁË¡£Ò»Ð©¶«Î÷ժ¼һÏ£¬ÒÔºóÒ²ÐíÓõõ½¡£
DIV+CSS½â¾öIE6£¬IE7£¬IE8£¬FF¼æÈÝÎÊÌâ
ÄÇÎÒÀ´ËµËµ°É£¬×öÁ˼¸ÄêµÄDIV+CSS£¬Ò²»ýÀÛÁ˲»ÉÙ½â¾ö¼æÈÝÎÊÌâµÄ·½·¨£¬ÎÒÕâÀïֻ˵ÏÖÔÚÖ÷Á÷µÄ¼¸¸ö£¬£¨IE6£¬IE7£¬IE8£¬FF£©ÆäËüµÄûȥÑо¿¹ý
1.ie8ϼæÈÝÎÊÌ⣠......