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=utf-8" /£¾
£¼title£¾ÎÞ±êÌâÎĵµ£¼/title£¾
£¼style type="text/css"£¾
*{ font-size:14px;}
.article *{float:left;}
div.vertical_word , p.vertical_word{width:1em;}
£¼/style£¾
£¼/head£¾ £¼body£¾
£¼div class="article"£¾
£¼div class="vertical_word" style="background-color:#CFC;"£¾
ÎÄ×ÖÊúÅÅ£¬ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷£¡
£¼/div£¾
£¼p class="vertical_word" style="background-color:#9FC;"£¾
ÎÄ×ÖÊúÅÅ£¬ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷£¡
£¼/p£¾
£¼br style="clear:both;"/£¾
£¼/div£¾
£¼div class="other" style="background-color:#FF9;"£¾
£¼p£¾ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷¡£ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷¡££¼/p£¾
£¼/div£¾
£¼/body£¾
£¼/html£¾
Ïà¹ØÎĵµ£º
ת×Ô:http://www.boy110.com/csslimitedwidth/ CSSÏÞÖÆÍ¼Æ¬×î´ó¿í¶È£¬¼æÈÝIE6/IE7/IE8/FF£¬ÓÃ×ö¹ÜÀíºǫ́Ӧ¸ÃûÎÊÌ⣡ ÎÒÃÇÔÚÖÆ×÷Ò»¸öÍøÒ³µÄʱºò£¬¾³£Òª¶ÔÒ»¸öÇøÓòÀï¿ÉÄܳöÏÖµÄͼƬµÄ¿í¶È½øÐÐÏÞÖÆ£¬²»È»Ëü¿ÉÄÜ»á°ÑÒ³Ãæ³ÅµÃºÜÀúÜÀá£
Èç¹ûÄã²ÉÓù̶¨¿í¶È£¬³¤¶ÈÀ´ÉèÖõϰ£¬±ÈÈçÔÚ 200 ? "200px" : this.wid ......
1. ÔÚFireFoxÏ£¬µ¼º½À¸¾ÓÖУ¬µ«Ö÷ÌåÄÚÈÝÀ¸È´ÊÇ×ó¶ÔÆë¡£
ÔÚdivÀïµÄÄÚÈÝ£¬IEĬÈÏΪcenter£¬¶øFireFoxĬÈÏΪleft¡£Èç¹ûÏëÒªÈÃÆä¾ÓÖУ¬¸ÕÐèÒªÔÚCSSÖÐÌí¼Ó£º
margin-left: auto; margin-right: auto;
ÕâÑù¾ÍÊǸæËßFireFox£¬×óÓÒÒ»Ö£¬ÊµÏÖ¾ÓÖС££¨¾Ý˵£¬Õâ²»ÊÇÍòÄܵġ£µ«Î񵀮¤·ô¾ÓÖÐÁË¡££©
2. ÔÚFireFoxÏ£¬ÓÐЩЧ¹û²»Äܼæ ......
·½·¨Ò»£º
¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±ÆÚµÄ°æ±¾Ò²»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
± ......
½ñÌ쿪ʼ×öÎÒÃǹ«Ë¾ÄÚ²¿Ê¹ÓõÄITSMϵͳµÄ¾²Ì¬Ò³Ã棬Õâ¸öÒ³ÃæºÃ¸´ÔÓ£¬µ±È»£¬ÎÒÊÇÒ»¸ö²Å¿ªÊ¼×öÒ³ÃæµÄ¼Ò»ï£¬ËùÒÔ¶ÔÎÒÀ´Ëµ»¹ÓÐÒ»¶¨µÄÄѶȡ£²àÀ¸ÒªÕÛµþ£¬²Ëµ¥ÒªJs¿ØÖÆ£¬ÎÒ±¾À´ÒÔǰÊǸã±à³ÌµÄ£¬¶¼ÊÇÖ±½ÓÓÃÈ˼ҵÄÒ³Ãæ£¬cssºÍjs¶¼Ö»ÊÇ»áÒ»µãƤ룬ÏÖÔÚÉ˵½ÎÒµÄÐÄÁË¡£
½ñÌ컹ÓÐÒ»¸ö²»ÐÒµÄÏûÏ¢£¬ÎÒ¾¹È»¹ÒÁËÒ»¿Æ£¬´óѧ4ÄêµÄÇå°×Éú»î°¡ ......
<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">Õâ¸ö±³¾°ÊÇ͸Ã÷µÄ</div>
</body>
/*IE*/
filter:alpha(opacity='50');
/*FF*/   ......