关于hr的各版本浏览器兼容性

最新推荐文章于 2021-09-04 10:22:42 发布

weixin_30248399

最新推荐文章于 2021-09-04 10:22:42 发布

阅读量103

点赞数

原文链接：http://www.cnblogs.com/ifshe/archive/2011/08/16/2141342.html

版权

　　hr标签，相信大家都能熟悉，我们一般用它来产生横线的效果。我们可以对它定义“颜色”、“高度”、“宽度”、“边框”等样式。

　　在此只讨论“颜色”和“边框”对于不同版本浏览器的兼容性。

颜色：

　　火狐、IE7+=　　：通过background-color来指定。

　　IE6-=　　：通过color指定。

　　方案：要为hr指定颜色，同时使用background-color和color。

边框：

　　IE7+=　　：如不指定border:none，那么浏览器默认会为hr加上一定宽度的边框。

　　IE6-=　　：浏览器默认不会为其加上边框。

　　方案：显示申明border:none。

完整的兼容代码如下：

<style type="text/css">
    hr{
border:none;
        background-color:#060;
        color:#060;
        height:2px;
        width:80%;
}
</style>

<body>
<h1>
        Obama says Warren Buffett is right about taxes
</h1>
<hr/>
<p >
        CANNON FALLS, Minnesota (Reuters) - Small-town Americans probably don't make as much money as Warren Buffett, but they pay more of their income in taxes, President Barack Obama said on Monday, citing the billionaire investor to argue that the government needs more revenues to balance the budget.
</p>
</body>