Question

您好我试图在主页上放置一些略微重叠的图像。我使用的是我在网上找到的以下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显示在左上角的左上角。

接下来的两张图片正确重叠放在屏幕的最顶部。

Answer 1

绝对定位将位于第一个“亲戚”父母的（即左上角）。

确保您的主列设置为相对。

然后，尽量不要将左边和填充结合起来。

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;)

Magento绝对定位主屏幕CSS设置

1 个答案: