Magento绝对定位主屏幕CSS设置

你好，我正试图把一些稍微重叠的图片放在主页上。我正在使用我在网上找到的以下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显示在左上角的远角

---

接下来的两幅图像正确重叠，并且也放在屏幕的最上方。

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

确保主列设置为相对

然后，尽量不要将左键和填充键组合在一起

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

---

您希望图像之间的关系在哪里？你能说得更清楚一点吗？我想让这三幅图像相邻，中间的图像左右重叠。每个图像为305x350px。。。。当我在dreamweaver中预览它时，它看起来很棒。只有当我把它放进magento的时候，第一个图像才不对。图像位于标题栏后面。他们应该呆在中心栏（cms页面）。你能举个例子吗？这样帮助你会容易得多。或者你可以链接到Dreamweaver输出的屏幕截图吗？除了最后一张图片，其他都可以。最后一个图像位于第一个图像“下一行”下。。。