Question

我为客户设置了一个测试网站，以便查看概念验证，并且在交叉检查浏览器时，我注意到一条不应该存在的白线。

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

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

我尝试在父元素上添加一些简单的解决方案，或者在子元素上添加一些边距。没有什么工作，只有解决方案是一个黑客，在页脚上添加一个margin-top：-10px，或在特色div上添加相反的样式。

另外。我的css中唯一与.featured div关联的样式是背景：＃ded1ae，这在所有其他浏览器中都正确显示，但在FF中它变为背景：无重复滚动0％0％rgb（222,209， 174）;

我也注意到我的所有其他bg颜色也都被更改了，所有的十六进制颜色都变成了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; }

Answer 1

<hr class="remove-bottom">中的<footer> margin-top: 10px会导致空白clear: both和.remove-bottom { margin: 0; }。

设置{{1}}“修复”它。

不确定它是否是Firefox或其他浏览器中的bug / spec违规。

Firefox 23.0.1改变了我的CSS，打破了网站

1 个答案: