html - <hr> 在 Firefox 中不起作用

标签 html css

<分区>

使用 <hr> 打开纯 html标签与 Firefox 完美配合。但是我确实创建了自己的 CSS 和 <hr>线不会出现。所以我正在拆除 <hr>用我的 CSS 标记,但我不知道在哪里。在 Chrome 和 IE 中,它可以正常工作。

CSS 代码

hr
{ 
    padding: 0px;
    margin: 0px;
}

明白了!我不得不使用 <br><br><hr> .在没有 <br><br> 的情况下,它在每个浏览器中都没有问题。除了火狐。 <hr>在不使用 <br><br> 时消失了在火狐中。感谢大家的帮助!

最佳答案

测试这个:http://jsfiddle.net/jvzMK/4/

*{font-family:Arial}
html,body { height: 100%; margin: 0px; padding: 0px; }

hr {
    border-style: inset; /* This is already default styling */
    border-width: 10px;
    border-color: red;
}

更简单的方法是使用“假”<hr>通过自己制作 <div>border-bottom ; http://jsfiddle.net/jvzMK/8/

关于html - <hr> 在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15637457/

上一篇:html - 在网页中定义多个区域(没有多边形)

下一篇:jquery - 图像调整大小和裁剪以适合父 div

相关文章:

javascript - 如何使用 HTML5 开发移动应用程序?

javascript - 无法使用 parent() 或 closest() 将类添加到父选择器

html - 使图像高度响应浏览器大小

html - 将脚本元素添加到 DOM 而不执行它

javascript - 如何在 Knockout 中绑定(bind) Html 5 视频控件属性

javascript - ie8 设置样式时找不到成员

html - 内部元素应该被外部元素边界半径修剪

css - 一个 css 中的多个超链接样式

jQuery:在悬停时替换并删除 HTML 片段

html - 最大高度 :100% doesn't work on firefox and IE