AJAXÀïTabContainerµÄCSS (תÌù)
AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔÔò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
(2).ajax__tab_outer:An outer element of a tab,often used to set the left-side background image of the tab.
(3).ajax__tab_inner:An inner element of a tab,often used to set the right-side image of the tab.
(4).ajax__tab_tab:An element of a tab that contains the text content.
(5).ajax__tab_body:A container element that wraps the area where a TabPanel is displayed.
(6).ajax__tab_hover:This is applied to a tab when the mouse is hovering over.
(7).ajax__tab_active:This is applied to a tab when it is the currently selected tab.
ÎÒ»Á˸ö¼òͼ£¬µ±È»£¬Êó±ê·ÅÉÏÈ¥(.ajax__tab_hover)£¬ºÍµ±Ç°Tab(.ajax__tab_active)µÄÄǸö¾Íû»ÉÏÈ¥¡£
²ã´Î¹ØÏµÈçͼËùʾ£¬ÅªÇå³þÕâ¸ö²ã´Î¹ØÏµ£¬¶ÔÉè¼ÆTabÑùʽÓкܴó°ïÖú¡£
Ïà¹ØÎĵµ£º
¡¡¡¡IE5¼°ÆäÒÔºó°æ±¾Ö§³ÖÔÚCSSÖÐʹÓÃexpression£¬ÓÃÀ´°ÑCSSÊôÐÔºÍJavas cript±í´ïʽ¹ØÁªÆðÀ´£¬ÕâÀïµÄCSSÊôÐÔ¿ÉÒÔÊÇÔªËØ¹ÌÓеÄÊôÐÔ£¬Ò²¿ÉÒÔÊÇ×Ô¶¨ÒåÊôÐÔ¡£¾ÍÊÇ˵CSSÊôÐÔºóÃæ¿ÉÒÔÊÇÒ»¶ÎJavas cript±í´ïʽ£¬CSSÊôÐÔµÄÖµµÈÓÚJavas cript±í´ïʽ¼ÆËãµÄ½á¹û¡£ ÔÚ±í´ïʽÖпÉÒÔÖ±½ÓÒýÓÃÔªËØ×ÔÉíµÄÊôÐԺͷ½·¨£¬Ò² ......
²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌØ±ðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌØ±ðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³ ......
IE6ÏÂÁ´½ÓαÀࣨ:hover£©CSS±³¾°Í¼Æ¬ÓÐÉÁ¶¯BUG£¬Ö÷ÒªÔÒòie»áÔÙÒ»´ÎÇëÇóÕâÕÅͼƬ£¬»òÕß˵ͼƬû±»»º´æ¡£
ÀýÈ磺
CSS´úÂë
a:hover{background:url(imagepath)}
³£ÓõĽâ¾ö·½°¸£º
ÔÚÒ³Ãæµ×²¿Ìí¼ÓÒÔÏÂIE6רÓôúÂ룬ÈÃIE6»º´æCSS±³¾°Í¼Æ¬ÖÁ±¾µØ£¬ÕâÑùa:hoverʱIE6¾Í²»»áÔÙÖØÐÂÏò·þÎñÆ÷ÇëÇó¼ÓÔØ±³¾°Í¼Æ¬ÁË¡£
......
CSSʵÏÖ¾Ö²¿´òÓ¡
¹Ø¼ü×Ö: cssʵÏÖ¾Ö²¿´òÓ¡
ÔÚʵÏÖ´òÓ¡Ô¤ÀÀµÄʱºò£¬¿ÉÒÔ²ÉÓÃJSÀ´Íê³ÉÕâÒ»¹¦ÄÜ£¬µ«ÕâÑù»áÈÃËùÓÐÔÚÒ³ÃæÉϵIJ¿·Ö¶¼´ðÓ¦³öÀ´£¬°üÀ¨Ïñ“´òÓ¡Ô¤ÀÀ”ÕâÑùµÄ°´Å¥Ò²»á´òÓ¡£¬ÕâÑùµÄÇé¿ö£¬¿ÉÒÔ²ÉÓÃCSSÀ´Íê³É¾Ö²¿´ðÓ¦µÄ¹¦ÄÜ¡£
& ......
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......