在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;
}

《在IE下去除 hr 标签的border样式》有一个想法

  1. 博主的文章很不错,我是站长工具-站长精灵的作者,一款专业的SEO工具软件(可以帮您提高博客的流量),想跟您交换个链接,不知可否

站长工具进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注