0

上マージンを使用するスクロール画像セクション（画像はタグではない背景画像です）があります：-28px; 私が作成しているサイトのヘッダーの一部の下に移動します。Safari、Chromeなどでは完全に表示されますが、Firefoxでは画像の上部28pxが表示されません。

なぜ何かアイデアはありますか？私にはわからない、そしてそれは私を狂わせている。

サイトはこちらhttp://www.chelt.org.uk

4

2 に答える 2

0

enter code here.top代わりに使用してください：

.slides{
    top: -28px;
}

また、負のマージンを削除します

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

他のニュースで#featureは、マークアップに複数回表示されています。IDは1回だけ表示する必要があります。これを複数の要素で使用する必要がある場合は、クラスにする必要があります。

于 2013-03-18T14:46:40.150 に答える
0

<div>の子タグに負のマージンが適用されます#slides。

overflow: hidden;に適用したので、 div#slidesの外側に押し出された部分は非表示になっています。#slides

ソリューション：

  1. から削除margin-topします#feature

  2. top: -28px;に追加#slides

#featureまた、すべてのスライドにId を割り当てることは無効であることも指摘しておく必要があります。ID は一意である必要があります。つまり、同じ ID を複数持つことはできません。スライドに Id を割り当てる必要がある場合は#feature-1、 ... にする必要があります。#feature-2

于 2013-03-18T14:51:15.470 に答える