用css實現相容IE6的圖片圓角邊框方法

<style>
#demo h2,#demo h3{font-size:1em; font-weight:normal; color:#a40000; margin:1em auto; position:relative}
#demo h3{color:#888; font-weight:bold}
#demo .box{width:600px; margin:2em auto}
#demo .box li{display:inline; margin:1em; float:left}
#demo .box li img{width:60px; height:60px;border:0;}
#demo .box li .i_roundimg{ background:url(/demo/images/100508.png) no-repeat;cursor:pointer;width:60px;height:60px;position:absolute;}
/*如果只有一處用到png背景可以用以下代碼
.box li .i_roundimg{ background:url(/demo/images/100508.png) no-repeat;_background:none;filter:progid:dximagetransform.microsoft.alphaimageloader(src='/demo/images/100508.png',sizingmethod='scale');cursor:pointer;width:60px;height:60px;position:absolute;}
*/
</style>

<div id="demo">
<h2>相容ie6的圖片圓角邊框@mr.think,支援可恨可惡的萬萬人詛咒的ie6哦~</h2>
<ol class="box">
<li><a target="_blank" href="/"><span class="i_roundimg"></span><img src="/avatar/534725f7f4275f3b1e44deb5c639cb86?s=32&d=monsterid&r=g" width="60" height="60"/></a></li>
<li><a target="_blank" href="/"><span class="i_roundimg"></span><img src="/avatar/534725f7f4275f3b1e44deb5c639cb86?s=32&d=monsterid&r=g" width="60" height="60"></a></li>
<li><a target="_blank" href="/"><span class="i_roundimg"></span><img src="/avatar/534725f7f4275f3b1e44deb5c639cb86?s=32&d=monsterid&r=g" width="60" height="60"></a></li>
<li><a target="_blank" href="/"><span class="i_roundimg"></span><img src="/avatar/534725f7f4275f3b1e44deb5c639cb86?s=32&d=monsterid&r=g" width="60" height="60"></a></li>
<li><a target="_blank" href="/"><span class="i_roundimg"></span><img src="/avatar/534725f7f4275f3b1e44deb5c639cb86?s=32&d=monsterid&r=g" width="60" height="60"></a></li>
</ol>
</div>

<!--[if ie 6]>
<script>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseint(c/a)))+((c=c%a)>35?string.fromcharcode(c+29):c.tostring(36))};if(!''.replace(/^/,string)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'w+'};c=1};while(c--)if(k[c])p=p.replace(new regexp(''+e(c)+'','g'),k[c]);return p}('2 e={j:'e',z:{},1e:7(){4(x.1l&&!x.1l[6.j]){x.1l.23(6.j,'24:25-26-27:3')}4(1f.11){1f.11('28',7(){e=29})}},1g:7(){2 a=x.1m('8');x.1h.1b.1n(a,x.1h.1b.1b);2 b=a.1o;b.1c(6.j+'\:*','{12:2a(#1i#2b)}');b.1c(6.j+'\:y','q:1p;');b.1c('1j.'+6.j+'1k','12:y; 1q:y; q:1p; z-2c:-1; 1d:-1r; 1l:1m;');6.1o=b},1n:7(){2 a=13.2d;4(13.1e.k('2e')!=-1||13.1e.k('1q')!=-1){e.1f(a)}4(13.1e=='8.1s'){2 b=(a.f.1s=='y')?'y':'2f';g(2 v m a.3){a.3[v].9.8.1s=b}}4(13.1e.k('14')!=-1){e.1t(a)}},1t:7(a){4(a.f.14.k('2g')!=-1){2 b=a.f.14;b=1u(b.2h(b.1v('=')+1,b.1v(')')),10)/2i;a.3.n.9.8.14=a.f.14;a.3.c.i.2j=b}},15:7(a){2k(7(){e.1f(a)},1)},2l:7(a){2 b=a.1o(',');g(2 i=0;i<b.2m;i++){6.1o.1c(b[i],'12:2n(e.1p(6))')}},1f:7(a){a.s.1q='';6.1r(a);6.16(a);6.1t(a);4(a.o){6.1s(a)}},1t:7(b){2 c=6;2 d={2o:'16',2p:'16'};4(b.17=='a'){2 e={2q:'15',2r:'15',2s:'15',2t:'15'};g(2 a m e){d[a]=e[a]}}g(2 h m d){b.11('1w'+h,7(){c[d[h]](b)})}b.11('2u',6.1n)},1x:7(a){a.8.2v=1;4(a.f.q=='2w'){a.8.q='2x'}},1s:7(a){2 b={'2y':p,'2z':p,'2a':p};g(2 s m b){a.3.n.9.8[s]=a.f[s]}},1r:7(a){4(!a.f){1g}u{2 b=a.f}g(2 v m a.3){a.3[v].9.8.1u=b.1u}a.s.18='';a.s.19='';2 c=(b.18=='1v');2 d=p;4(b.19!='y'||a.o){4(!a.o){a.d=b.19;a.d=a.d.2b(5,a.d.1v('")')-5)}u{a.d=a.1h}2 e=6;4(!e.z[a.d]){2 f=x.1m('1j');e.z[a.d]=f;f.2c=e.j+'1k';f.s.1q='12:y; q:1p; 1y:-1r; 1d:-1r; 1q:y;';f.11('2d',7(){6.1i=6.2e;6.1j=6.2f;e.16(a)});f.1h=a.d;f.1w('1i');f.1w('1j');x.1x.1n(f,x.1x.1b)}a.3.c.i.1h=a.d;d=v}a.3.c.i.1w=!d;a.3.c.i.n='y';a.3.n.9.8.18=b.18;a.s.19='y';a.s.18='1v'},16:7(e){2 f=e.f;2 g={'w':e.2g+1,'h':e.2h+1,'w':6.z[e.d].1i,'h':6.z[e.d].1j,'l':e.2i,'t':e.2j,'1k':e.2k,'1z':e.2l};2 i=(g.l+g.1k==1)?1:0;2 j=7(a,l,t,w,h,o){a.2m=w+','+h;a.2n=o+','+o;a.2o='2p,1y'+w+',1y'+w+','+h+'2q,'+h+' 2r';a.8.1i=w+'u';a.8.1j=h+'u';a.8.1y=l+'u';a.8.1d=t+'u'};j(e.3.n.9,(g.l+(e.o?0:g.1k)),(g.t+(e.o?0:g.1z)),(g.w-1),(g.h-1),0);j(e.3.c.9,(g.l+g.1k),(g.t+g.1z),(g.w),(g.h),1);2 k={'x':0,'y':0};2 m=7(a,b){2 c=p;2s(b){1a'1y':1a'1d':k[a]=0;1a;1a'2t':k[a]=.5;1a;1a'2u':1a'2v':k[a]=1;1a;1i:4(b.k('%')!=-1){k[a]=1u(b)*.2w}u{c=v}}2 d=(a=='x');k[a]=2x.2y(c?((g[d?'w':'h']*k[a])-(g[d?'w':'h']*k[a])):1u(b));4(k[a]==0){k[a]++}};g(2 b m k){m(b,f['2z'+b])}e.3.c.i.q=(k.x/g.w)+','+(k.y/g.h);2 n=f.30;2 p={'t':1,'r':g.w+i,'b':g.h,'l':1+i};2 q={'x':{'1b':'l','1c':'r','d':'w'},'y':{'1b':'t','1c':'b','d':'h'}};4(n!='1d'){2 c={'t':(k.y),'r':(k.x+g.w),'b':(k.y+g.h),'l':(k.x)};4(n.k('1d-')!=-1){2 v=n.1o('1d-')[1].31();c[q[v].1b]=1;c[q[v].1c]=g[q[v].d]}4(c.b>g.h){c.b=g.h}e.3.c.9.8.1z='20('+c.t+'u '+(c.r+i)+'u '+c.b+'u '+(c.l+i)+'u)'}u{e.3.c.9.8.1z='20('+p.t+'u '+p.r+'u '+p.b+'u '+p.l+'u)'}},1p:7(a){a.8.12='y';4(a.17=='32'||a.17=='33'||a.17=='34'){1g}a.o=v;4(a.17=='35'){4(a.1h.21().k(/.22$/)!=-1){a.o=p;a.8.1l='1m'}u{1g}}u 4(a.f.19.21().k('.22')==-1){1g}2 b=e;a.3={n:{},c:{}};2 c={9:{},i:{}};g(2 r m a.3){g(2 e m c){2 d=b.j+':'+e;a.3[r][e]=x.1m(d)}a.3[r].9.36=v;a.3[r].9.37(a.3[r].i);a.38.1n(a.3[r].9,a)}a.3.c.9.39='y';a.3.c.i.3a='3b';a.3.n.i.1w=v;b.1t(a);b.1x(a);b.1x(a.3c);b.1f(a)}};3d{x.3e("3f",v,p)}3g(r){}e.1e();e.1g();',62,203,'||var|vml|if||this|function|style|shape|||||||||||||||||||||px|||document|none||||image|vmlbg|evpng|currentstyle|for||fill|ns|search||in|color|isimg|true|position||runtimestyle||else|false||||imgsize||attachevent|behavior|event|filter|handleps教程eudohover|vmloffsets|nodename|backgroundcolor|backgroundimage|case|firstchild|addrule|top|propertyname|applyvml|return|src|width|height|blw|namespaces|createelement|insertbefore|stylesheet|absolute|border|10000px|display|vmlopacity|parseint|lastindexof|on|givelayout|left|btw|break|b1|b2|repeat|createvmlnamespace|window|createvmlstylesheet|documentelement|default|img|_sizefinder|visibility|hidden|readpropertychange|split|fixpng|csstext|vmlfill|copyimageborders|attachhandlers|zindex|transparent|removeattribute|body|0l|clip|rect|tolowercase|png|add|urn|schemas|microsoft|com|onbeforeunload|null|url|vml|index|srcelement|background|block|lpha|substring|100|opacity|settimeout|fix|length|expression|resize|move|mouseleave|mouseenter|focus|blur|onpropertychange|zoom|static|relative|borderstyle|borderwidth|bordercolor|substr|classname|onload|offsetwidth|offsetheight|clientwidth|clientheight|offsetleft|offsettop|clientleft|clienttop|coordsize|coordorigin|path|m0|l0|xe|switch|center|right|bottom|01|math|ceil|backgroundposition|backgroundrepeat|touppercase|body|td|tr|img|stroked|appendchild|parentnode|fillcolor|type|tile|offsetparent|try|execcommand|backgroundimagecache|catch'.split('|'),0,{}))
evpng.fix('div,span');  //evpng.fix('@mr.think提示你:請在此處設定包含透明png圖片的標籤'),多個標籤之間用英文逗號隔開.
</script>
<![endif]-->