Firefox显示重叠div与奇怪的行为

时间:2013-05-16 12:53:33

标签: html css

我需要制作2个相同颜色重叠的div。在Chrome和IE9上它显示正常。但是在FF上,即使我没有设置div,也会在border-bottom顶部有一个颜色奇怪的边框底部。 here是我的傻瓜。该问题发生在title div,其中包含“此处有些文字”文字

3 个答案:

答案 0 :(得分:2)

您可以将此框阴影值更改为:

box-shadow: 9px -2px 10px -9px #000;

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

我认为这可能会对你有帮助。

答案 1 :(得分:1)

问题是.title上的框阴影,这就是导致FF上的线的原因。您可以将其缩小为:

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

这摆脱了界限但当然看起来略有不同。

答案 2 :(得分:1)

由于你应用的盒子阴影。

像这样调整值:

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