0

こんにちは私はホームページに少し重なっているいくつかの画像を入れようとしています。オンラインで見つけた次のcss設定を使用しています。

#png1 {
position: absolute;
top:0;
left:0;
z-index:1;
padding-top:20px;
}

#png2 {
position:absolute;
/*
set top and left here
*/
z-index:2;
padding-left:275px;
top:0px;
padding-top:0px;
}
#png3 {
position:absolute;
/*
set top and left here
*/
z-index:1;
padding-left:610px;
top:0px;
padding-top:20px;
}

私が抱えている問題は、最初の画像＃png1が左上隅に表示されていることです。

次の2つの画像は正しく重なり合っており、画面の最上部にも表示されます。

4

1 に答える 1

0

絶対配置は、最初の「相対」親の (つまり、左上) 隅に配置されます。

メイン列が相対に設定されていることを確認してください。

次に、左とパディングを組み合わせないようにしてください。

First : top: 0;left: 0;
Last : top:0; right:0;

Middle : top:0; left:XXXXpx (need to found this value according to your needs, looking at chosen paddings I must say 275px;)
于 2013-02-04T08:14:10.020 に答える