背景图像未显示Firefox中负顶部边距设置的位置

Question

我有一个使用上边距的滚动图像部分（图像是不是标签的背景图像）： - 28px;将它移动到我正在制作的网站上的标题的一部分下方。它在Safari，Chrome等上完美展示，但在Firefox上，图像的前28px没有显示。

任何想法为什么？我不知道，这让我疯了。

该网站位于http://www.chelt.org.uk

Answer 1

enter code here改为使用.top：

.slides{
    top: -28px;
}

同时从

中删除负边距

#feature {
    margin-top: -28px; <-- Remove
    overflow: hidden;
}

在其他新闻中，您有#feature在标记中出现多次。 ID只应出现一次。如果你需要在多个元素上使用它，它应该是一个类。

Answer 2

您的负边距适用于<div>的儿童#slides代码。

由于overflow: hidden;已应用于#slides，因此隐藏了#slides div之外的部分。

解决方案：

1. 从margin-top

中删除#feature

2. 将top: -28px;添加到#slides

我还应该指出，为所有幻灯片分配#feature的ID无效。 Ids需要是唯一的，这意味着您不能拥有多个相同的Id。您应该将其设为#feature-1，#feature-2 ....如果您必须为幻灯片分配ID。