˵˵CSS Hack ºÍÏòºó¼æÈÝ
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓÐͳһµÄ¹æ·¶À´½øÐÐCoding£¬ÒÔ·½±ãά»¤¡£¶ø½â¾ö¼æÈݵķ½·¨¾ÍÊÇ£¨±ØÐëÊÇ£¬ÒòΪÕâ²Å×îÈÝÒ×ÓÐÎÊÌâµÄ£©ÆäÖÐÒ»¸ö×îÖØÒªµÄ¡¢Òª½â¾öµÄ¹æ·¶Ö®Ò»¡£
ÔÚ½â¾ö¼æÈÝ·½·¨ÉÏ£¬Ï붨³öÒ»¸öͳһµÄ¹æ·¶£¬¸öÈËÈÏΪӦ¸ÃÒÔÏÂÃæ3µãΪ»ù±¾ÔÔò£º
Ȩºâ³É±¾£ºÔÚä¯ÀÀÆ÷±»ÌÔ̺ó£¬ÈçºÎ¿ìËÙÇåÀíµôÎÞÓôúÂë
¿Éά»¤£ºÔÚ×ÊÔ´³É±¾ºÍÍêÃÀ¼äƽºâµÄÏòºó¼æÈÝ
¿É¶Á£ºÊ¡Á¦¡¢Ò×¼Ç
ÕâÀï°Ñ³É±¾·ÅÔÚÁ˵Úһ룬²¢²»ÊÇ˵ÎÒÃDz»Ô¸Òâ×·ÇóÍêÃÀ£¬¶øÖ»ÊÇ£¬Ì«¿ÌÒâ×·ÇóÍêÃÀÓÐʱºò¿ÉÄÜ»á×è°ÎÒÃÇǰ½ø£»Ôڳɱ¾ºó£¬Ó¦¸ÃÊÇ¿Éά»¤ºÍ¿É¶Á£¬Õâµã¶ÔÓÚÍŶӵĺÏ×÷À´ËµÖÁ¹ØÖØÒª£¬¶ø×îÖÕ½á¹ûÒ²ÊÇΪÁ˼õÉٳɱ¾¡£
ÏȰÑÕâÈý¸öÔÔò´æÆðÀ´£¬À´¿´¿´ÎÒÃÇÆ½Ê±½â¾ö¼æÈݵÄд·¨£¨ºóÃæ»á¸½ÏêϸµÄHack·½·¨ÁÐ±í£©£º
Ò»¡¢CSS Ñ¡ÔñÆ÷ Hack
1
2
3
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body
.sofish
{
display
:
block
;
}
}
ÕâÖÖд·¨µÄÓÅȱµãÊÇ£º
ÓÅµã£ºÈ«Ãæ£¬¸÷ÖÖHACK¶¼ÓУ»ÇåÀíÎÞÓôúÂëÀïÒ×ÈÏ
ȱµã£ºÑ¡ÔñÆ÷Ãû³Æ²»Ò׼ǣ»´úÂëÁ¿¶à£¨ÒªÖظ´Ð´Ñ¡ÔñÆ÷£©
¶þ¡¢CSS ÊôÐÔ Hack
1
2
3
4
5
6
7
8
.sofish
{
padding
:
10px
;
padding
:
9px
\9
;
/* all ie */
padding
:
8px
\0
;
/* ie8-9 */
*
padding
:
5px
;
/* ie6-7 */
+
padding
:
7px
;
/* ie7 */
_padding:
6px
;
/* ie6 */
}
ÕâÖÖд·¨µÄÓÅȱµãÊÇ£º
Óŵ㣺Ò׼ǣ»´úÂëÉÙ
ȱµã£º²»È«Ãæ
Èý¡¢IE ×¢ÊÍ
1
2
<!--[if IE]>IE only<![endif]-->
<!--[if !IE]>NOT IE<![endif]-->
ÕâÖÖд·¨µÄÓÅȱµãÊÇ£º
Óŵ㣺°²È«£»Ïòºó¼æÈݺã»Ò×ά»¤
ȱµã£ºÓ
Ïà¹ØÎĵµ£º
ÎÊÌâÃèÊö£ºCSSµÄ±àÂë²»¶ÔµÄʱºò£¬CSSЧ¹ûÔÚIE8¡¢IE7¡¢FirefoxÏ¿ÉÒÔÕý³£ÏÔʾ£¬µ«ÊÇÔÚIE6Ï»áʹCSSʧЧ£¬²»Æð×÷Óá£
Çé¿ö·ÖÎö£º½ñÌì×öÒ»¸öÍøÕ¾µÄʱºòÅöµ½Õâ¸öÎÊÌ⣬¸ãÁ˰ëËÞûÓÐÕÒµ½ÎÊÌâËùÔÚ£¬×ÅʵÈÃÎÒÓôÃÆÁ˺ÃÒ»»á£¬ºóÀ´ÉÏGoogleºÍ°Ù¶ÈÁËһϣ¬ÕÒµ½ÁËÎÊÌâËùÔÚ£¬CSSÎļþµÄ±àÂë²»ÕýÈ·£¬ÍøÒ³²ÉÓõÄÊÇutf-8±àÂëµÄ£¬¶øCSSÊÇʹÓà ......
ʹÓÃasp.net ¿ª·¢wap ÍøÕ¾£¬ÔÚishtml32Ï£¬Èç¹ûÊÖ»úä¯ÀÀÆ÷Ö§³Öishtml32,µ«ÊÇ SupportsCss=False ʱ£¬Ïë¼ÓÔØcssÎļþʱ£¬²ÉÓÃÖØÐ´mobile:formµÄ·½·¨À´ÊµÏÖ
using System;
using System.Configuration;
using System.Web.UI.MobileControls;
using System.Web.UI.MobileControls.Adapters;
public class MyForm : Form
{ ......
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.
......
Ò»¡¢Ê¹ÓÃSTYLEÊôÐÔ
½«STYLEÊôÐÔÖ±½Ó¼ÓÔÚ¸ö±ðµÄÔª¼þ±êÇ©À<Ôª¼þ(±êÇ©) STYLE="ÐÔÖÊ(ÊôÐÔ)1: É趨ֵ1; ÐÔÖÊ(ÊôÐÔ)2: É趨ֵ2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
¡¡¡¡°ËÊ®Äê´ú
</td>
ÕâÖÖ·½·¨Óŵ㣺¿ÉÁ ......