css 小知识

<!-- IE下消除点击图片文字后出现的虚线框代码 -->

<style type="text/css">a {blr:expression(this.onFocus=this.blur())}</style>

<!-- Firefox下消除点击图片文字后出现的虚线框代码 -->

<script>

window.onload=function(){ for(var i=0; i<document.links.length; i++) document.links[i].onfocus=function(){this.blur()}}

</script>

<!--查看兼容问题（有交叉的地方很可能有兼容问题） -->

*{ background:rgba(255,0,0,.2)}
**{ background:rgba(0,255,0,.2)}
***{ background:rgba(0,0,255,.2)}
****{ background:rgba(255,0,255,.2)}
*****{ background:rgba(255,255,0,.2)}
******{ background:rgba(0,255,255,.2)}