css - Magento 绝对定位主屏幕 CSS 设置

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

绝对定位将定位在第一个“相对”父级的（即左上角）角。

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

然后，尽量不要将left和padding结合起来。

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