Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÍøÒ³È¥É«±äºÚ°×£¨CSS£©

À´×Ô£ºhttp://www.51xflash.com/website/html/200905/01-8904.html
CSS´úÂë: (²åÈëµ½CSSÎļþµÄ×î¶¥¶Ë)
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
»òÕß:
*{filter: Gray;}
HTML´úÂë: (²åÈëµ½Ò³ÃæHTMLÔ´ÂëµÄ<HEAD>ºÍ</HEAD>Ö®¼ä)
<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>
»òÕß:
<style type="text/css"> html { FILTER: gray }</style>
·½·¨Ò»£ºcss¹¹¼Ü
      Èç¹ûÈÃÕû¸öÒ³Ãæ¶¼±äºÚ°×
×Ô¼º¼Óµ½cssÑùʽÀï
body{filter:Gray;}
Èç¹û¹âÈÃͼƬ±äºÚ°×
img{filter:Gray;}
Èç¹ûÖ»ÈÃÖ¸¶¨Í¼Æ¬±ÈÈçlogo»ÒÉ«
ÏÖÔÚcssÀィ¸öÑùʽÈç
.huise{filter:Gray;}
È»ºó¸øÍ¼Æ¬»ò±í¸ñÖ¸¶¨¸ÃÑùʽ
<img src=logo.gif class="huise">
»ò°ÑÒª»ÒÉ«µÄ²»ÓÃÓÃ
<div class="huise"></div>
°üÀ¨ÆðÀ´
·½·¨¶þ£º
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
Õâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£
Èç¹ûÍøÕ¾Ã»ÓÐʹÓÃCSS£¬¿ÉÒÔÔÚÍøÒ³/Ä£°åµÄHTML´úÂë<head>ºÍ</head> Ö®¼ä²åÈ룺
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> 
ÓÐһЩվ³¤µÄÍøÕ¾¿ÉÄÜʹÓÃÕâ¸ö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">
Çë½«ÍøÒ³×îÍ·²¿µÄ<html>Ìæ»»ÎªÒÔÉÏ´úÂë¡£
ÓÐÒ»Ð©ÍøÕ¾FLASH¶¯»­µÄÑÕÉ«²»Äܱ»CSSÂ˾µ¿ØÖÆ£¬¿ÉÒÔÔÚFLASH´úÂëµÄ<object …>ºÍ</object>Ö®¼ä²åÈ룺
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
×î¼òµ¥µÄ°ÑÒ³Ãæ±ä³É»ÒÉ«µÄ´úÂëÊÇÔÚhead Ö®¼ä¼Ó
<style type="text/css">
html {
FILTER: gray
}
</style>


Ïà¹ØÎĵµ£º

Ò»¸ö²»´íµÄinputÊäÈë¿òµÄ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 ......

Ôڽű¾ÀﶨÒåCSSÑùʽcssFloatÓëstyleFloatµÄÎÊÌâ

ÔÚʹÓÓfloat”ʱ£¬ÒòΪ“float”ÊÇjavascriptµÄÒ»¸ö±£Áô×Ö£¬ËùÒԾͲ»ÄÜʹÓÃstyle.float£¬¶ø¸Ä³ÉÁËstyle.cssFloat(IEʹÓõÄÊÇstyle.styleFloat)£»
 if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFl ......

CSS¼æÈÝIE Firefox´óÈ«

IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ  display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......

CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯

CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌÑ§Íø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ­±¾Î»ÖÃÉÏÒÆ³ý£¬²¢ÖØÐ¶¨Î» ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ