在IE下去除 hr 标签的border样式

在IE下,我们可以这样实现

/* ------- EMBEDDED ------- */
<!--[if IE]>
<style type="text/css">
#primary-content  hr {
display : list-item;
list-style : url(/assets/images/wide-rule.gif) inside;
filter : alpha(opacity=0);;
margin-left: -10px;
width : 0;
}
</style>
<![endif]-->

在非IE下则很方便,可以直接用border:0搞定。

/* ----- STYLESHEET ----- */

hr{
background:url(short-rule.gif) repeat-x top left;
border: 0;
}