-2

我为客户建立了一个测试站点以查看概念证明，当交叉检查浏览器时，我注意到一条不应该存在的白线。

http://artistelisabeth.com/（在除 FF 之外的所有其他浏览器中正确加载）

在 FF 中查看时，页脚正上方有约 10 像素的线。最初它看起来像是一个简单的修复，但它实际上是身体的背景。

我尝试在父元素上添加一些简单的解决方案，首先是 padding-bottom，或者在子元素上添加一些边距。没有任何效果，唯一的解决方案是 hack，在页脚添加一个 margin-top:-10px，或者在特色 div 上添加相反的样式。

还。我的 CSS 中与 .featured div 关联的唯一样式是背景：#ded1ae，这在所有其他浏览器中都能正确显示，但在 FF 中它会更改为背景：无重复滚动 0% 0% rgb(222, 209, 174);

我还注意到我所有的其他背景颜色也发生了变化，所有的十六进制颜色都变成了 RGB。

这可能是一个简单的解决方案，我希望是这样，我只是脑子有问题。但我完全困惑，从来没有遇到过这样的问题。

请帮忙！

（我想应该注意的是，我使用的是 Skeleton 样板，但我之前使用过很多次都没有问题，我看不出这会如何影响它。）

<div class="featured"> 
   <div class="container"> 
   </div> 
</div> 

.featured { background: #ded1ae; height: 100px; } 
.container { position: relative; width: 1200px; margin: 0 auto; padding: 0; }

以上是除 FF 以外所有浏览器中的 css，在 FF 中显示为

.featured { background: none repeat scroll 0 0 #DED1AE; height: 100px; }
4

1 回答 1

2

您<hr class="remove-bottom">的 in<footer>导致空格由 amargin-top: 10px和clear: both.

设置.remove-bottom { margin: 0; }“修复”它。

不确定这是否是 Firefox 或其他浏览器中的错误/规范违规。

于 2013-09-05T07:58:29.967 回答