Magento绝对定位主屏幕CSS设置

你好，我试图把几个图像，在主页上略有重叠。我使用我在网上找到了下面的CSS设置：Magento绝对定位主屏幕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是显示在上面留下了远角。

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

来源

2013-02-04 user1881124

你想要图像之间的相互关系？你能更清楚地说明这一点吗？ – nickcoxdotme

我希望彼此旁边的三幅图像中间的图像在左侧和右侧重叠。图像是每个305x350px ....当我在Dreamweaver中预览它看起来不错。它只有当我把它放在magento中时，第一个图像是不正确的。这些图像会在标题激活栏后面显示。他们应该留在中心栏（cms页面）。 – user1881124

你可以在[jsfiddle]（http://jsfiddle.net）上做一个例子吗？以这种方式帮助你会容易得多。或者可以链接到Dreamweaver输出的屏幕截图吗？ – nickcoxdotme

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

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

然后，尽量不要组合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;)

来源

2013-02-04 08:14:10 dagfr

除了最后一张图像之外，它确实有效。最后一张图像在第一张图像“下一行”下面... – user1881124

Magento绝对定位主屏幕CSS设置

回答

相关问题