ÍøÒ³È¥É«±äºÚ°×£¨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>
Ïà¹ØÎĵµ£º
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
ÔÚʹÓÓ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 ......
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌÑ§Íø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ±¾Î»ÖÃÉÏÒÆ³ý£¬²¢ÖØÐ¶¨Î» ......