Выравнивать и складывать png изображения внутри бутстрапа div с положением: абсолютным

Я пытаюсь выровнять (и складывать) некоторые изображения внутри сетки бутстрапа.Выравнивать и складывать png изображения внутри бутстрапа div с положением: абсолютным

По какой-то причине изображения совпадают с окном, а не сеткой.

Я использую позицию: абсолютная, который работает, как это (http://www.w3schools.com/):.

«Абсолютное положение элемент позиционируется относительно первого родительского элемента, который имеет положение, отличное от статической Если такого элемента не найден , содержащий блок <HTML> "

Вот jsfiddle: http://jsfiddle.net/sbE6t/

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

источник

2013-06-27 Sucrenoir

Как вы указали, они будут абсолютно позиционированы для следующего нестатического элемента. If no such element is found, the containing block is <html>.

Установить позицию по отношению к родителю img «s:

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

And it works

источник

2013-06-27 13:54:28 Andy

Иногда решение есть, и вы не см. это :-) Я думал, что у них уже была позиция: относительная ... Спасибо! – Sucrenoir

должен быть установлен ваш обертывание элемент position:relative

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

источник

2013-06-27 13:54:39 keeg

Выравнивать и складывать png изображения внутри бутстрапа div с положением: абсолютным

ответ

Смежные вопросы