2013-06-27 154 views
1

对齐和堆栈引导格内的PNG图像我想对齐(和堆栈)一些图像内的引导网格。在位置:绝对

出于某种原因,图像与窗口对齐而不是网格。

我使用的位置是:绝对其中这样工作(http://www.w3schools.com/):

“绝对位置元件相对于具有比静态以外的位置的第一父元素定位如果没有找到这样的元件中,含块是<HTML>“

这里是一个的jsfiddle: http://jsfiddle.net/sbE6t/

.rings img { 
position:absolute; 
top: 0px; 
left: 0px; 
} 

回答

4

正如你所引用的,它们将被绝对定位到下一个非静态元素。 If no such element is found, the containing block is <html>。相对

设置位置到img的父:

.rings { 
    // other styles 
    position: relative; 
} 

And it works

+0

有时解决方案是存在的,你不看到它:-)我认为.ring已经是位置:相对......谢谢! – Sucrenoir

1

您的包装元素必须设置为position:relative

.rings { 
    overfow:hidden; 
    height: 400px; 
    background: #999; 
    position:relative; 
}