Как бы я наложил изображение в центре смещения div? - PullRequest
Новая
       2

Как бы я наложил изображение в центре смещения div?

0 голосов
/ 05 марта 2011

Я хочу иметь возможность центрировать некоторые значки над баннером, который находится в середине деления, которое было отклонено.Я не могу использовать абсолютное позиционирование, так как это отцентрирует его, но не смещает.Как мне этого добиться?

Ответы [ 3 ]

0 голосов
/ 05 марта 2011

  1. вам нужно установить оба значения в абсолютное положение

  2. внешний дивертер должен быть относительным

  3. такжевнешний div должен иметь установленную ширину (таким образом, когда вы указываете полную ширину для контейнера изображения, он выровняет его по центру (потому что вы устанавливаете text-align: center для div, который вам нужен по центру)).

  4. каждое изображение должно быть в своем собственном div с абсолютной позицией (порядок z такой же, как в коде, следующий после будет сверху).

код: 

<div style="width:300px; height: 100px; position: relative;">
<div style="position: absolute;"><img src="http://i.stack.imgur.com/1aBfM.png" width="300" height="100"></div>
<div style="position: absolute; width: 100%; text-align: center;"><img src="http://i.stack.imgur.com/DH3Qw.png" width="100" height="100"></div></div>

пример: http://jsfiddle.net/Y9PhP/

0 голосов
/ 30 мая 2013

ДжекДжо прав.

Вы также можете использовать style="position: absolute; top:10000px" для настройки высоты перекрывающегося изображения.

0 голосов
/ 05 марта 2011

может margin: auto; работать? Или вам нужно вертикальное центрирование?

EDIT: Может быть, что-то вроде: 

<div>
  <div style="width:208px; height: 58px; margin: auto;">
    <img src="some_image_somewhere.png" width="208" height="58" style="position:absolute;">
    <img src="some_image_somewhere.png" width="208" height="58">
  </div>
</div>

Это показывает, что оба изображения располагаются друг над другом по центру в верхнем элементе div, но это не очень красиво (по кодам, imo).

...