CSSCSS兼容IE6,IE7,FF的技巧

CSS?煎??E6,IE7,FF????宸? 2008/08/14 23:54

涓???CSS HACK

浠ヤ?涓ょ??规???涔??借В?崇?颁?????HACK.缈婚??寰?澶?璧???锛?宸叉?璇???浠ヤ娇?ㄣ??

1, !important

????IE7瀵?important??????, !important ?规??板?ㄥ????瀵?E6??HACK.(娉ㄦ????娉?.璁板?璇ュ０??浣?缃???瑕?????.)

PLAIN TEXT

CSS:

#wrapper

{

width: 100px!important;

width: 80px;

}

2, IE6/IE77瀵?ireFox

*+html 涓? *html ??IE?规??????绛? firefox ??涓?????.??*+html ??涓?IE7?规????绛?

PLAIN TEXT

CSS:

#wrapper

{

#wrapper { width: 120px; }

*html #wrapper { width: 80px;}

*+html #wrapper { width: 60px;}

}

娉ㄦ??:

*+html 瀵?E7??HACK 蹇?椤讳?璇?HTML椤堕?ㄦ??濡?涓?澹版??锛?

PLAIN TEXT

HTML:

<!DOCTYPE HTML PUBLIC ??-//W3C//DTD HTML 4.01 Transitional//EN??????http://www.w3.org/TR/html4/loose.dtd??>

浜???涓???float ????(??甯搁??瑕?!)

?充? clear float ??????????瑙? [How To Clear Floats Without Structural Markup]

灏?浠ヤ?浠ｇ??????lobal CSS 涓?,缁???瑕???????div??涓? class=??clearfix?? ?冲??,灞¤??涓???

PLAIN TEXT

CSS:

.clearfix:after{

content:??.??;

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix{

display:inline-block;

}

.clearfix {display:block;}

涓????朵??煎?规??宸???娆″?板??

1, FF涓?缁? div 璁剧疆 padding ??浼?瀵艰??width ?? height 澧???, 浣?IE涓?浼?.(????important瑙ｅ??

2, 灞?涓???棰?.

1).???村?涓?.灏? line-height 璁剧疆涓?褰??? div ?稿????楂?搴? ????杩? vertical-align: middle.( 娉ㄦ????瀹逛?瑕??㈣?.)

2).姘村钩灞?涓?. margin: 0 auto;(褰??朵???涓???

3, ?ラ??缁? a ??绛惧????瀹瑰??涓? ?峰?, ??瑕?璁剧疆 display: block;(甯歌?浜?瀵艰????绛?

4, FF ?? IE 瀵?BOX ??瑙ｇ??宸?寮?瀵艰?寸?稿樊 2px ??杩???璁句负 float??div??e涓? margin????绛???棰?.

5, ul ??绛惧??FF 涓??㈤?璁ゆ?? list-style ?? padding . ??濂戒???澹版??, 浠ラ?垮??涓?蹇?瑕???楹荤?? (甯歌?浜?瀵艰????绛惧????瀹瑰??琛?

6, 浣?涓哄???wrapper ?? div 涓?瑕?瀹?姝婚??搴? ??濂借???涓? overflow: hidden.浠ヨ揪?伴??搴?????搴?.

7, ?充???褰㈠????. cursor: pointer. ??hand ?????ㄤ? IE.

1 ??瀵?irefox ie6 ie7??css?峰?

?板?ㄥぇ?ㄥ???芥????important??ack锛?瀵逛?ie6??firefox娴?璇???浠ユ?ｅ父?剧ず锛?

浣???ie7瀵?important??浠ユ?ｇ‘瑙ｉ??锛?浼?瀵艰?撮〉?㈡病??瑕?姹??剧ず锛??惧?颁?涓???

瀵?E7涓?????hack?瑰?灏辨??浣跨?ㄢ??*+html??锛??板?ㄧ??E7娴?瑙?涓?涓?锛?搴?璇ユ病????棰?浜???

?板?ㄥ??涓?涓?CSS??浠ヨ??凤?

PLAIN TEXT

CSS:

#1 { color: #333; }

* html #1 { color: #666; }

*+html #1 { color: #999; }

?ｄ???irefox涓?瀛?浣?棰??叉?剧ず涓?333锛?IE6涓?瀛?浣?棰??叉?剧ず涓?666锛?IE7涓?瀛?浣?棰??叉?剧ず涓?999??

2 css甯?灞?涓???灞?涓???棰?

涓昏????峰?瀹?涔?濡?涓?锛?

PLAIN TEXT

CSS:

body {TEXT-ALIGN: center;}

#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

璇存??锛?

棣????ㄧ?剁骇??绱?瀹?涔?TEXT-ALIGN: center;杩?涓???????灏辨???ㄧ?剁骇??绱???????瀹瑰?涓?锛?瀵逛?IE杩??疯?惧??灏卞凡缁???浠ヤ???

浣???ozilla涓?涓??藉?涓???瑙ｅ?冲??娉?灏辨???ㄥ????绱?瀹?涔??跺??璁惧???跺????涓???MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ??

??瑕?璇存??????锛?濡???浣??崇?ㄨ?涓??规?浣挎?翠釜椤甸?㈣?灞?涓?锛?寤鸿??涓?瑕?濂??ㄤ?涓?DIV??锛?浣???浠ヤ?娆℃???哄?涓?div锛?

??瑕??ㄦ??涓????虹??div??瀹?涔?MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 灏卞??浠ヤ???

3 ??妯″??涓???瑙ｉ??.

PLAIN TEXT

CSS:

#box{ width:600px; //for ie6.0- w/idth:500px; //for ff+ie6.0}

#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width :500px; //for ie6.0-}

4 娴???e浜х????????璺?绂?

PLAIN TEXT

CSS:

#box{ float:left; width:100px; margin:0 0 0 100px; //杩?绉????典?涓?IE浼?浜х??200px??璺?绂?display:inline; //浣挎诞?ㄥ拷??

杩???缁?璇翠?涓?block,inline涓や釜??绱?,Block??绱????圭?规??:?绘???ㄦ?拌?涓?寮?濮?,楂?搴?瀹藉害,琛?楂?,杈硅??藉??浠ユ?у??????绱?);Inline??绱????圭?规??:???朵???绱??ㄥ??涓?琛?涓?,??????у????宓???绱?);

PLAIN TEXT

CSS:

#box{ display:block; //??浠ヤ负??宓???绱?妯℃??涓哄????绱? display:inline; //瀹??板??涓?琛????????????? diplay:table;

5 IE涓?瀹藉害??楂?搴?????棰?

IE涓?璁ゅ?min-杩?涓?瀹?涔?锛?浣?瀹???涓?瀹???姝ｅ父??width??height褰?浣???min?????垫?ヤ娇??杩??烽??棰?灏卞ぇ浜?锛?濡??????ㄥ?藉害??楂?搴??

姝ｅ父??娴?瑙??ㄩ??杩?涓や釜?煎氨涓?浼???锛?濡???????in-width??min-height??璇?锛?IE涓??㈡?规??绛?浜?娌℃??璁剧疆瀹藉害??楂?搴???

姣?濡?瑕?璁剧疆?????剧??锛?杩?涓?瀹藉害??姣?杈???瑕?????瑕?瑙ｅ?宠?涓???棰?锛???浠ヨ??凤?

PLAIN TEXT

CSS:

#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

6 椤甸?㈢????灏?瀹藉害

min-width??涓???甯告?逛究??CSS?戒护锛?瀹???浠ユ??瀹???绱???灏?涔?涓??藉?浜???涓?瀹藉害锛?杩??峰氨?戒?璇?????涓??存?ｇ‘??浣?IE涓?璁ゅ?杩?涓?锛?

??瀹?瀹???涓???width褰?????灏?瀹藉害?ヤ娇??涓轰?璁╄?涓??戒护??E涓?涔??界?????浠ユ??涓?涓?<div> ?惧??<body> ??绛句?锛??跺??涓?iv??瀹?涓?涓?绫伙?

?跺??CSS杩??疯?捐?★?

PLAIN TEXT

CSS:

#container{ min-width: 600px; width:expression(document.body.clientWidth <600? ??600px??: ??auto?? );}

绗?涓?涓?min-width??姝ｅ父??锛?浣?绗?2琛???width浣跨?ㄤ?Javascript锛?杩?????IE??璁ゅ?锛?杩?涔?浼?璁╀???HTML??妗ｄ?澶?姝ｈ???瀹?瀹???涓???杩?Javascript???ゆ???ュ???版??灏?瀹藉害??

7 娓??ゆ诞??

PLAIN TEXT

CSS:

.hackbox{ display:table; //灏?瀵硅薄浣?涓哄????绱?绾х??琛ㄦ?兼?剧ず}????.hackbox{ clear:both;}

????????after锛?浼?瀵硅薄锛?,璁剧疆?ㄥ?硅薄??????????瀹癸???甯稿??content????浣跨???IE涓?????姝や吉瀵硅薄锛???Ie 娴?瑙??ㄦ????锛?

??浠ュ苟涓?褰卞????E/WIN娴?瑙??ㄣ??杩?绉?????楹荤????????

PLAIN TEXT

CSS:

#box:after{ content: ??.??; display: block; height: 0; clear: both; visibility: hidden;}

8 DIV娴???E????浜х??3璞＄???bug

宸?竟瀵硅薄娴?????宠竟???ㄥ?琛ヤ???宸?竟璺??ュ??浣?锛??宠竟瀵硅薄????????浼?绂诲乏杈规??3px???磋?.

PLAIN TEXT

CSS:

#box{ float:left; width:800px;}#left{ float:left; width:50%;}#right{ width:50%;}*html #left{ margin-right:-3px; //杩??ユ???抽??}

HTML浠ｇ??<div id=??box??> <div id=??left??></div> <div id=??right??></div></div>

9 灞??ч???╁??杩?涓?涓??界?????煎????????css??涓?涓?bug)

PLAIN TEXT

CSS:

p[id]{}div[id]{}

杩?涓?瀵逛?IE6.0??IE6.0浠ヤ????????介????,FF??OPera浣??? 灞??ч???╁?ㄥ??瀛????╁?ㄨ??????哄????,瀛????╁?ㄧ?????翠?褰㈠??ヨ?寸缉灏?浜?,灞??ч???╁?ㄧ?????存??杈?澶?濡?p[id]涓?,????p??绛句腑??id???芥?????峰???.

10 IE??杩疯??????棰?

褰?div搴??ㄥ??????跺??姣?涓???涓?????涓?浜??炬?ワ?DIV绛?杩?涓??跺??瀹规????????杩疯??????棰???

??浜???瀹规?剧ず涓??烘?ワ?褰?榧??????╄?涓??哄???????板??瀹圭‘瀹??ㄩ〉????

瑙ｅ?冲??娉?锛?瀵?layout浣跨??ine-height灞???????缁?#layout浣跨?ㄥ?哄??楂???瀹姐??椤甸?㈢???灏介??绠?????

11 楂?搴????搴?

楂?搴????搴???褰???灞?瀵硅薄??楂?搴??????????跺?灞?楂?搴???借???ㄨ?琛?璋???锛??瑰????褰???灞?瀵硅薄浣跨?? margin ??paddign ?躲??

渚?锛?

PLAIN TEXT

CSS:

<p>p瀵硅薄涓?????瀹?amp;lt;/p>

</div>

CSS锛?#box {background-color:#eee; }

#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }

瑙ｅ?虫?规?锛???瀵硅薄涓?涓?????2涓?绌虹??div瀵硅薄CSS浠ｇ??锛?.1{height:0px;overflow:hidden;}????涓?IV??涓?border灞??с??

缃?椤靛父?ㄤ唬??-???寸??

27 Jun, 2008 No Comment

濡???瀹硅??哄?????硷???????

style=??TABLE-LAYOUT: fixed??

璁╁脊?虹???ｆ?绘???ㄦ??涓??? <body 慰nblur=??this.focus();??>

涓?瑕?婊??ㄦ?? 璁╃???℃病??: <body style=??overflow:scroll;overflow-y:hidden??> </body>

璁╂í?℃病??: <body style=??overflow:scroll;overflow-x:hidden??> </body>

涓や釜?藉?绘??锛??寸????浜? <body scroll=??no??> </body>

???峰?绘???剧???炬?ョ?瑰?诲??锛??剧???ㄥ?寸????绾匡? <a href=??#?? onFocus=??this.blur()??><img src=??logo.jpg?? border=0></a>

??瀛???浠跺?????浜よ〃?? <form name=??form1??method=??post?? action=??mailto:****@***.com?? enctype=??text/plain??> <input type=submit> </form>

?ㄦ??寮???瀛?绐??ｅ?锋?扮?剁???ｇ??浠ｇ????濡?浣???锛? window.opener.location.reload()

濡?浣?璁惧????寮?椤甸?㈢??澶у? <body 慰nl慰ad=??top.resizeTo(300,200);??>

??椤甸??腑濡?浣????ヤ???婊￠?虹???????剧??,???ㄩ〉?㈡?惰?????句???<html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties=??fixed?? > </body> </html>

??绉??峰??????? auto 锛?????????

default 锛?????绠?澶? hand 锛???褰㈠????

wait 锛?绛?寰?????

text 锛?I褰㈠????

vertical-text 锛?姘村钩I褰㈠????

no-drop 锛?涓??????ㄥ????

not-allowed 锛?????????

help 锛??甯??╁????

all-scroll 锛?涓?瑙??瑰????

move 锛?绉诲?ㄦ??

crosshair 锛???瀛??? e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize

????p<%=request.servervariables(??remote_addr??)%>

???″?ㄥ??<%=Request.ServerVariables(??SERVER_NAME??)%>

???″??P<%=Request.ServerVariables(??LOCAL_ADDR??)%>

???″?ㄧ????lt;%=Request.ServerVariables(??SERVER_PORT??)%>

???″?ㄦ?堕??lt;%=now%> IIS

????<%=Request.ServerVariables??SERVER_SOFTWARE??)%>

????瓒??舵?堕??lt;%=Server.ScriptTimeout%>

????浠惰矾寰?<%=server.mappath(Request.ServerVariables(??SCRIPT_NAME??))%>

???″??PU?伴??<%=Request.ServerVariables(??NUMBER_OF_PROCESSORS??)%>

?? ?″?ㄨВ璇?寮???<%=ScriptEngine & ??/??& ScriptEngineMajorVersion &??.??&ScriptEngineMinorVersion&??.??& ScriptEngineBuildVersion %>

???″?ㄦ??浣?绯荤?<%=Request.ServerVariables(??OS??)%>

????绔????瑰?

<!??

.shupai {Writing-mode:tb-rl}

??>

</style>

瓒??炬?ュ?昏??绾胯竟妗?

?ㄩ?炬?ヤ腑??涓?慰nf慰cus=??this.blur()??

缃?椤垫??绱㈠?抽??瀛? 澶撮?????? <META NAME=??keywords?? CONTENT=??xxxx,xxxx,xxx,xxxxx,xxxx,??>

?惰??澶瑰?炬??

?????佃??

file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}

缃?涓??诲?

file:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D

??????妗? file:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D

?у?堕?㈡?? file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}

???剁??

file:///::%7B645FF040-5081-101B-9F08-00AA002F954E%7D

榧????у?跺?剧?????版????

??濡?涓?浠ｇ?????ワ?body锛??哄??涓?锛?

<!??

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}

//??>

</SCRIPT>

2????濡?涓?浠ｇ?????ワ?body锛??哄??涓?锛?

<img src=??2.gif?? style=??filter:alpha(opacity=20)??

onMouseOver=??makevisible(this,0)??

onMouseOut=??makevisible(this,1)??>

绂?姝㈠?剧??涓?杞? <A HREF=??javascript:void(0)?? onMouseover=??alert(??瀵逛?璧?姝ゅ?剧??涓??戒?杞???)??>

椤靛?椤? <iframe width=291 height=247 src=??main.files/news.htm?? frameBorder=0></iframe>

????婊??ㄦ?? <body style=??overflow-x:hidden;overflow-y:hidden??

CSS??瀛??村奖锛?瀹?涔???lt;TD>涓?锛?

.abc{

FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: ??瀹?浣???; FONT-SIZE: 9pt;COLOR: #ffffff;

}

??琛?????

慰nchange=??location=this.options[this.selectedIndex].value??

<img src=??xiangshang.jpg?? onMouseOver=??sf=setInterval(??frm.scrollBy(0,-2)??,1)?? onMouseOut=??clearInterval(sf)?? width=??31??height=??31??gt;

reurl=server.htmlencode(request.ServerVariables(??HTTP_REFERER??))

???″?ㄤ?濡?浣?瀹?涔?杩??? MM_www_STRING =??driver={Microsoft access Driver (*.mdb)};dbq=?? & server.mappath(??../data/www.mdb??)

?炬?ュ?? response.redirect??login.asp??

location.href=??xx.asp??

onClick=??window.location=??login.asp????

onClick=??window.open(??)??

??寰?IP

userip = Request.ServerVariables(??HTTP_X_FORWARDED_FOR??)

If userip = ???? Then userip = Request.ServerVariables(??REMOTE_ADDR??)

sql=??update feedbak set hit=hit+1 where id=??&request(??id??)

conn.execute(sql)

????瀛?绗????????? function formatStr(str,len)

if(len(str)>len)

str = left(str,len) + ??????

end if

formatStr = str

end function

?ユ?惰〃??

If Ucase(Request.ServerVariables(??REQUEST_METHOD??)) = ??POST?? then

end if

?剧??瀹藉害

<!??

var flag=false;

function DrawImage(ckp){

var image=new Image();

image.src=ckp.src;

if(image.width>0 && image.height>0)

{flag=true;

if(image.width>120){

ckp.width=120;

}else{

ckp.width=image.width;

}

ckp.alt=image.width+?????+image.height;

}

//??>

</script>

I??ll be Back 22:18:06

<img src=??<%=formPath%>/<%=rs(??photoname??)%>?? border=??0??慰nl慰ad=??javascript:DrawImage(this);??>

璺宠浆

婧㈠?烘????璁惧?? visible锛?瓒??虹???ㄥ???ф?锋?剧ず锛?

hidden锛?瓒??虹???ㄥ??????锛?

scrool锛?涓?绠℃??????猴??芥?剧ず婊??ㄦ?★?

auto锛???瓒??烘?舵???虹?版??ㄦ?★?

onMouseOver锛?榧???绉诲?扮????涓?锛?

onMouseUp锛???涓?榧??????惧?宸????讹?

onMouseOut锛?榧???绉诲??讹?

onMouseDown锛???涓?榧????讹?涓???瑕??惧?宸???锛?锛?

onClink锛??瑰?绘?讹?

onDblClick锛????绘?讹?

onLoad锛?杞藉?ョ?椤垫?讹?

onUnload锛?绂诲?椤甸?㈡?讹?

onResize锛?褰?娴?瑙????瑰??娴?瑙?绐??ｇ??澶у??讹?

onScroll锛?褰?娴?瑙??????ㄦ??ㄦ?＄???躲??

CSS?峰?

a:link锛?琛ㄧず宸茬??炬?ワ?

a:hover锛?琛ㄧず榧???绉讳??炬?ユ?讹?

a:active锛?琛ㄧず?炬?ユ?娲绘?讹?

a:visited锛?琛ㄧず宸辩?瑰?昏????炬?ャ??

璺冲?哄?硅??妗??炬?? javascript:alert(??lajflsjpjwg??)

????锛?javascript:history.back(1)

?抽??绐??ｏ?javascript:window.close();

绐??ｈ???

function restore(){

window.moveTo(8,8);

window.resizeTo(screen.width-24,screen.availHeight-24);

}

head?烘????棣?椤?TML浠ｇ????<head>??</head>涔??寸????瀹广??

蹇?椤诲???ョ????绛?

1.???哥????娉ㄩ??

<!?? The site is designed by Maketown,Inc 06/2000 ??>

2.缃?椤垫?剧ず瀛?绗???

绠?浣?涓???锛?<META HTTP-EQUIV=??Content-Type?? CONTENT=??text/html; charset=gb2312??gt;

绻?浣?涓???锛?<META HTTP-EQUIV=??Content-Type?? CONTENT=??text/html; charset=BIG5??gt;

??璇?锛?<META HTTP-EQUIV=??Content-Type?? CONTENT=??text/html; charset=iso-8859-1??gt;

3.缃?椤靛?朵???淇℃??

4.缃?绔?绠?浠?

5.??绱㈠?抽??瀛?

6.缃?椤电??css瑙???

(??瑙???褰????藉??瑙???)

7.缃?椤垫??棰?

<title>xxxxxxxxxxxxxxxxxx</title>

.??浠ラ???╁???ョ????绛?

1.璁惧??缃?椤电???版???堕?淬??涓????椤佃???锛?蹇?椤诲?版???″?ㄤ????拌?????

2.绂?姝㈡?瑙??ㄤ????版?虹??缂?瀛?涓?璋???椤甸?㈠??瀹广??

3.?ㄦ?ラ?叉?㈠??浜哄?ㄦ??堕??璋??ㄤ???椤甸????

4.???ㄨ烦杞???

5???堕?村????5绉???

5.缃?椤垫??绱㈡?哄?ㄤ汉??瀵??ㄦ?ュ??璇???绱㈡?哄?ㄤ汉??浜?椤甸?㈤??瑕?绱㈠?锛???浜?椤甸?????瑕?绱㈠???

CONTENT?????版??all,none,index,noindex,follow,nofollow??榛?璁ゆ??all??

6.?惰??澶瑰?炬??

??????javascript??璋??ㄥ敖??????澶??ㄨ???

??<body>??绛撅?

flash????

??lash??婧?浠ｇ??涓???涓?锛?<param name=??wmode?? value=??transparent??>琛ㄦ?奸????

style=??FILTER: alpha(opacity=72)??

缃?????娣诲??icon???规?

1??涓?http://www.favicon.com涓??ㄤ???icon editor online?朵?涓?涓??炬????浠?浼?灏???濂界???炬????杩?email?虫?跺????缁?浣???

2????杩?涓??藉??涓?avicon.ico???炬???剧疆??ndex.html??涓?涓???浠跺す涓???灏卞??浠ヤ???

浣?涓?涓??炬????浠讹?澶у?涓?6*16??绱?????浠舵?╁???涓?co锛??跺??涓?浼??扮?稿???褰?涓?????TML婧???浠垛??锛?head锛?锛?/head锛???涔??存坊??濡?涓?浠ｇ??锛?

锛?Link Rel=??SHORTCUT ICON?? href=??http://?剧?????板??锛?娉ㄦ??涓?????????褰?瀵瑰?锛???锛?

?朵腑????SHORTCUT ICON???充负璇ュ?炬??????绉般??褰??跺????ㄦ?蜂娇??E5??浠ヤ?????娴?瑙??讹?灏辨?寸????浜?锛?????灏??剧??涓?浼??扮?绔??圭??褰?涓?锛????ㄨ????

??浠ュ?ㄦ?惰??澶逛腑?剧ず?轰????炬??<link rel=??Bookmark?? href=??favicon.ico??>

?舵????杩??ヨ?存??

?炬?ヨ?存??

绂?姝㈤????抽??

??lt;body>??绛句腑????<body 慰nc慰ntextmenu=??return false??>

DW??杈??ョ┖?? ????涓? 

姘村钩绾? <hr width=???垮害?? size=??楂?搴??? color=??棰??蹭唬???? noshade> noshade涓烘?????村奖

琛ㄥ???靛????浠舵??浜? < form name=??content?? method=??post?? action=??mailto:?靛????绠扁?? >< /form>

????????涓?ubject 涓洪??浠剁????棰?

??浠堕?炬?ュ???? Mailto:?板?? ? Subject=??浠剁????棰? &bc=???? &bcc=瀵?浠舵????

?????充?

<bgsound src=?板?? loop=??-1??gt;

绂?姝㈤〉?㈡?ｆ??????

娑???e6???ㄥ?虹?扮???惧??宸ュ?锋??锛?璁剧疆 GALLERYIMG灞??т负false??no .

?叉?㈢?瑰?荤┖?炬?ユ?讹?椤甸?㈠?寰???缃??伴〉棣?绔???

浠ｇ????javascript:void(null)??浠ｆ?垮???ョ????#????璁?

濡?浣??垮????浜烘??浣???缃?椤垫?惧?ㄦ??朵腑

椤甸?㈠???跺?锋?? <meta http-equiv=??Refresh?? content=??绉??? >

椤甸?㈠???惰浆???扮???板??

?剧ず?ユ??

today=new Date();

var week; var date;

if(today.getDay()==0) week=???????モ??

if(today.getDay()==1) week=??????涓???

if(today.getDay()==2) week=??????浜???

if(today.getDay()==3) week=??????涓???

if(today.getDay()==4) week=??????????

if(today.getDay()==5) week=??????浜???

if(today.getDay()==6) week=??????????

date=(today.getYear())+??骞粹??+(today.getMonth()+1)+??????+today.getDate()+???モ??+?? ??

document.write(??<span style=??font-size: 9pt;??>??+date+week+??</span>??);

// ??>

</script>

璁句负棣?椤? <A href=# 慰nclick=??this.style.behavior=??url(#default#homepage)??;this.setHomePage(??url??);??>璁句负棣?椤?lt;/A>

娣诲???惰??

??瀛?婊??? ???ヨ竟妗?涓???1琛?1????琛ㄦ?硷??ㄨ〃?间腑杈??ユ??瀛?锛???涓???瀛?锛?

??ctrl+t杈???arquee direction=??up??, ??杞??冲??璁╂??瀛??ㄨ〃?煎?哄??????涓?婊??ㄣ??

锛?right??down???ㄤ?璁╂??瀛????捐薄???冲????涓?婊????淇???tml??浠ｇ??杩???浠ュ??伴??瑕???婊??ㄩ??搴???

琛ㄥ??楠?姝? <SCRIPT language=javascript>

function checkform(theform){

if(theform.name.value==??"){

alert(??濮???涓??戒负绌???);

theform.name.focus();

return false;

}

if(theform.tel.value==??"){

alert(???佃??涓??戒负绌???);

theform.tel.focus();

return false;

}

</SCRIPT>

瀹?涔?榧???

body{cursor: url(cur.ani??cur);}

浠ュ?剧???瑰???瑙?棰?

灞???lash涓??? < param name=??wmode?? value=??opaque?? >

寤惰?璺宠浆

瀵艰???″???诧?

??????lt;TR???㈡???ノ?m慰use慰ver=??javascript:this.bgColor=??#57AE00?测?? 慰nm慰use慰ut=??javascript:this.bgColor=??#99CCFF????

灞?涓?

绌洪?炬?? javascript:;

??棰?琛ㄦ?? <fieldset>

</fieldset>

缁?绾胯〃?? style=??BORDER-COLLAPSE: collapse;??

婊??ㄦ?￠??蹭唬??

BODY{

SCROLLBAR-FACE-COLOR: #FFFFFF;

SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;

SCROLLBAR-SHADOW-COLOR: #FFFFFF;

SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;

SCROLLBAR-ARROW-COLOR: #FFFFFF;

SCROLLBAR-TRACK-COLOR: #FFFFFF;

SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;

SCROLLBAR-BASE-COLOR: #FFFFFF

}

杩?缁????辨??????涓??????瑰??!!涓?浼????ㄦ?㈣?????棰?

??瑕???SS涓?瀹?涔?浜?濡?涓??ュ??锛???淇?缃?椤典?浼???琚???寮?浜?

table{table-layout: fixed;}

td{word-break: break-all; word-wrap:break-word;}

娉ㄩ??涓?涓?锛?

1.绗?涓???able{table-layout: fixed;}锛?姝ゆ?峰???浠ヨ?╄〃?间腑??!!!(???瑰??涔?绫荤??瀛?绗??惰???ㄦ?㈣???

2.td{word-break: break-all}锛?涓????ㄨ??ヨ?OK浜?锛?浣??ㄦ??浜??规?????典?杩???浼???寮?锛???姝ら??瑕?????涓????????word-wrap:break-word;}灏卞??浠ヨВ?炽??姝ゆ?峰???浠ヨ?╄〃?间腑??涓?浜?杩?缁????辨????璇????ㄦ?㈣???

1???у?舵í????绾靛??婊??ㄦ?＄???鹃??锛?

<body style=??overflow-y:hidden??> ?绘??x杞? <body style=??overflow-x:hidden??> ?绘??y杞? <body scroll=??no??>涓??? 2??琛ㄦ?煎???? <TD 慰nm慰use慰ver=??this.style.backgroundColor=??#FFFFFF????

慰nm慰use慰ut=??this.style.backgroundColor=????

style=??CURSOR: hand??>

3?? 绂?姝㈠??讹?榧??????ㄩ????

4?? ????iframe椤甸?? <iframe name=??name?? src=??main.htm?? width=??450??height=??287??scrolling=??Auto?? framepindex'].style.height=pindex.document.body.scrollHeight?? ></iframe>

6??IE?板???????㈡????宸辩???炬??&??浠ュ?ㄦ?惰??澶逛腑?剧ず?轰????炬??

7??瀛??风缉?? 瓒??ヨ?澶???浜洪?挎?堕?寸??娉＄?锛??奸??????????涔?瓒??ヨ?楂?锛?璁╂??瀛?澶х?癸?璁╂?村????ㄦ?风?????存?妤???

function doZoom(size)

{document.getElementById(??zoom??).style.fontSize=size+??px??;}

</script>

8??select?′?div??瑙ｅ?虫?规?

??iv?????ヤ??㈢??浠ｇ??锛??规????瑕?璋??村氨??浠ヤ???

10?? 璺宠浆?????扮???? <select name=??select?? 慰nchange=??window.open(this.options[this.selectedIndex].value)??>

<option value=??http://www.microsoft.com/ie??> Internet Explorer</option>

<option value=??http://www.microsoft.com??> Microsoft Home</option>

<option value=??http://msdn.microsoft.com??> Developer Network</option>

</select>

11??flash??????椤? <param name=??wmode?? value=??transparent??>

12??娣诲???版?惰??澶瑰??璁句负棣?椤? <a href=# 慰nclick=??this.style.behavior=??url(#default#homepage)??; this.setHomePage(??http://www.makewing.com/lanren/??);??>璁句负棣?椤?lt;/a>

13??璁板?骞舵?剧ず缃?椤电??????淇??规?堕??

document.write(???????存?版?堕?? ?? + document.lastModified + ????)

</script>

14?????ュ??璁℃?? <Script Language=??JavaScript??>

var timedate= new Date(??October 1,2002??;

var times= ???藉?????;

var now = new Date();

var date = timedate.getTime() - now.getTime();

var time = Math.floor(date / (1000 * 60 * 60 * 24));

if (time >= 0)

document.write( ???板?ㄧ???+times+??杩???: ??+time +??澶┾??)

</Script>

15??????EAD??

绂?姝㈢?瀛?

16?? 璁?FRAME妗??跺??????妗ｇ??????????

17????寮?绐??ｅ?虫??澶у??

<!?? Begin

self.moveTo(0,0)

self.resizeTo(screen.availWidth,screen.availHeight)

// End ??>

</script>

18?????ヨ?????充?

<bgsound src=??mid/windblue[1].mid?? loop=??-1??gt; ?????ㄤ?IE

</marquee>

20???叉?㈢?瑰?荤┖?炬?ユ?讹?椤甸?㈠?寰???缃??伴〉棣?绔?

浠ｇ????javascript:void(null)??浠ｆ?垮???ョ????#????璁? 21????瀛????剧??寮瑰?烘??瀹?澶у???绐??? ??ody涓????? <script language=??JavaScript?? type=??text/JavaScript??>

function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}

</script>

寮瑰?轰唬??

</form>

33??宸??抽?村奖??????CSS瀹?涔??规?

body {

text-align:center;

background-repeat: repeat-y;

background-position: center;

background-image: url(../images/bg.jpg);

}

34????杩??炬??????榧???

style=??cursor:hand??

35??濡?浣??抽??灞?

36???抽??绐??ｇ??????

37??濡?????瀛?杩?????灏?杩??跨???ㄥ?????????ュ?锋?剧ず

</DIV>

38??杩??ヤ富椤靛?????ㄦ??澶у??

self.moveTo(0,0)

self.resizeTo(screen.availWidth,screen.availHeight)

</script>

39???归?锋??瀛?

??涔??凤????逛??讳??э?<br>

浣?涓??宠??璇???锛?<br>

<a href=??http://www.lenvo.cn/??>www.lenvo.cn</a></font>

</div>

40??杩?琛?浠ｇ??妗?

function Preview()

{var TestWin=open(??);

TestWin.document.write(code.value);}

</script>

<br>

41??缁?琛ㄦ?煎???炬??

<tr>

</tr>

</table>

42??璁╁脊?虹???ｆ?绘???ㄦ??涓??? <body 慰nblur=??this.focus();??>

43??CSS??瀛??村奖

.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: ??瀹?浣???; FONT-SIZE: 9pt;COLOR: #ffffff;}

44??????&?抽??绐??? ????锛?javascript:history.back(1)

?抽??锛?javascript:window.close();

45??琛ㄦ?奸????

style=??FILTER: alpha(opacity=72)??

46??濡?浣??垮????浜烘??浣???缃?椤垫?惧?ㄦ??朵腑

47??Alt??Title???哄??

alt ?ㄦ?ョ??剧???ユ??绀虹????Title?ㄦ?ョ??炬?ユ??瀛?????????瀛???绀虹????

48????????javascript??璋??ㄥ敖??????澶??ㄨ??? <SCRIPT LANGUAGE=??javascript?? SRC=??js/xxxxx.js??></SCRIPT>

49???炬?ュ?? response.redirect??login.asp??

location.href=??xx.asp??onClick=??window.location=??login.asp????

onClick=??window.open(??)??

50???烘???炬?ユ?峰?

a:link 琛ㄧず?炬?ョ???峰?

a:active 琛ㄧず褰???娲诲?ㄨ??ョ???峰?

a:hover 琛ㄧず榧?????杩??剁???峰?

a:visited 琛ㄧず宸茬?璁块??杩???杩??ョ???峰?

??link-visited-hover-active?? 绠?璁颁负 ??lvha?? ????love??+??hate??

51???ㄥ??涓?椤甸?㈣?剧疆涓?????瀛??炬?ユ???????峰?

.green {COLOR: #309633}

.green A:link {COLOR: #309633; TEXT-DECORATION: none}

.green A:visited {COLOR: #309633; TEXT-DECORATION: none}

.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}

.green A:active {COLOR: #309633; TEXT-DECORATION: none}

</style>

CSSCSS兼容IE6,IE7,FF的技巧

继续阅读

请求超时VUE axios重新再次请求

IE8 CSS设置DIV居中，添加“margin:0 auto”

nodejs微信开发---授权登录+获取用户信息微信网页授权

403 Forbidden，You don't have permission to access / on this server.Forbidden

debian9升级4.9.0内核到4.19.2内核过程

Javascript构建Bingo卡片游戏

JavaScript的那些坑之事件代理事件代理事件阶段

javascript的for (var i in data)慎用javascript中的for (var i in data)谨慎用

tab鼠标经过菜单切换

vue （vue2.0）使用总结(从大体结构总结)

vue搭建过程及出现问题

/\B(?=(?:\d{3})+$)/g 一条令人费解的正则表达式

适用于JavaScript的ECMAScript 2020规范向前发展

JS生成uuid的四种方法

layui多任务上传添加进度条