首页 > 代码库 > 【css】关于 hr 在各浏览器中的问题
【css】关于 hr 在各浏览器中的问题
在做页面是有时候会用到分割线 hr，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr。
首页我们先了解下 hr 在各浏览器下的差异，如下表格：
| 正常浏览器 | ie6、ie7 | firefox | |
| 实际高度 | height+border | height | height |
| 背景色 | background-color | background-color（当高度小于 2px 时，显示高度背景色为灰色，需要 color 来设置颜色） | background-color |
比如想创建一个实际高度为 3px，边框为 1px，边框颜色为 #07f，背景色为 #f60 的分割线：
hr{ height:1px; background-color:#f60; border:1px solid #000; *height:3px;/* for ie6 ie7 */ color:#f60;/* for ie6 ie7 */} @-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */
【css】关于 hr 在各浏览器中的问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。