背景圖片未顯示Firefox中設置的負最高利潤率

Question

我有一個滾動的圖像部分（圖像是不帶標簽的背景圖像），它使用上邊距：-28px； 將其移動到我正在制作的網站的標題的一部分下方。 它可以在Safari，Chrome等設備上完美顯示，但在Firefox上，圖像的前28像素未顯示。

有什么想法嗎？ 我不知道，這讓我發瘋。

該網站位於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

您的負邊距將應用於#slides的子代<div>標記。

由於您有overflow: hidden; 應用於#slides ，隱藏在#slides div之外的部分將被隱藏。

解決方案：

1. 從#feature刪除頁margin-top

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

我還應該指出，為所有幻燈片分配#feature的ID無效。 ID必須是唯一的，這意味着您不能擁有多個相同的ID。 如果必須為幻燈片分配ID，則應將其設為#feature-1 ， #feature-2 ....。