Html Firefox显示具有奇怪行为的重叠div

Html Firefox显示具有奇怪行为的重叠div,html,css,Html,Css,我需要做两个相同颜色重叠的div。在Chrome和IE9上显示良好。但在FF上,即使我没有设置border-bottom,也有一个顶部div上带有奇怪颜色的border-bottom。这是我的名字。问题出现在title div,此处有一些文本text问题是.title上的框阴影,这就是FF上的行的原因。您可以将其简化为: box-shadow: 9px 0 10px **-10px** #000000; 这消除了该行,但当然看起来略有不同。问题在于.title上的框阴影,这就是导致FF上出现该

我需要做两个相同颜色重叠的div。在Chrome和IE9上显示良好。但在FF上,即使我没有设置border-bottom,也有一个顶部div上带有奇怪颜色的border-bottom。这是我的名字。问题出现在title div,此处有一些文本text

问题是.title上的框阴影,这就是FF上的行的原因。您可以将其简化为:

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

这消除了该行,但当然看起来略有不同。

问题在于.title上的框阴影,这就是导致FF上出现该行的原因。您可以将其简化为:

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

这消除了线条,但当然看起来略有不同。

这是由于应用了框阴影

如下所示调整值:

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

这是由于您应用的长方体阴影造成的

如下所示调整值:

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

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

盒影:9px-2px 10px-9px 000

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


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

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

盒影:9px-2px 10px-9px 000

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


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

在FF和chrome中看起来都一样。你能把你想要的东西和你得到的东西截图吗?@NathanLee谢谢你的关注。但利宾已经解决了这个问题。祝您愉快,先生:FF和chrome都一样。你能把你想要的东西和你得到的东西截图吗?@NathanLee谢谢你的关注。但利宾已经解决了这个问题。祝你今天愉快,先生:我真的很抱歉,我不能接受你的回答,因为利宾的回答更接近我想要的。但我真的很感谢你的帮助。谢谢您的关注,祝您度过愉快的一天,先生:我真的很抱歉,我不能接受您的回答,因为利宾的回答更接近我想要的。但我真的很感谢你的帮助。谢谢您的关注,祝您度过愉快的一天,先生:这对我帮助很大。非常感谢你。祝你今天愉快,先生:这对我很有帮助。非常感谢你。祝您今天愉快,先生:谢谢您的帮助,这真的很有用。祝您今天愉快,先生:谢谢您的帮助,这真的很有用。祝您今天愉快,先生