Firefox 以奇怪的行为显示重叠的 div答案

【问题标题】：Firefox display overlapping div with strange behaviorFirefox 以奇怪的行为显示重叠的 div
【发布时间】：2013-05-11 09:08:04
【问题描述】：

我需要制作 2 个颜色相同的 div 重叠。在 Chrome 和 IE9 上显示正常。但是在FF上，即使我没有设置border-bottom，顶部div也有一个带有奇怪颜色的边框底部。 here 是我的 jsfiddle。问题发生在 title div 上，带有“Some text here”文本

【问题讨论】：

在 FF 和 chrome 中看起来一样。你能把你想要的和你得到的截图放上来吗？
@NathanLee 感谢您的关注。但是问题已经被李斌解决了。祝你有美好的一天，先生：D

标签： html css

【解决方案1】：

您可以将此 box-shadow 值更改为：

<strong>box-shadow: 9px -2px 10px -9px #000;</strong>

这甚至不会对你的阴影效果产生太大影响。

我想这可能会对你有所帮助。

【讨论】：

感谢您的帮助，它真的很有用。祝你有美好的一天，先生：D

【解决方案2】：

这是由于你应用了盒子阴影。

像这样调整值：

box-shadow: 9px -3px 10px -8px #000000

【讨论】：

对我帮助很大。非常感谢。祝你有美好的一天，先生：D

【解决方案3】：

问题是 .title 上的框阴影，这就是导致 FF 上出现线条的原因。您可以将其简化为：

box-shadow: 9px 0 10px **-10px** #000000;

这摆脱了这条线，但当然看起来略有不同。

【讨论】：

真的很抱歉，我不能接受你的回答，因为利宾的回答更接近我想要的。但我真的很感谢你的帮助。感谢您的关注，祝您有美好的一天，先生：D