<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('