css слои упорядочивания и упорядочивания

Question

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

Мне также интересно, как бы я сделал div show за стандартным html, если это возможно. И.Е. если у меня есть текст и div над текстом, div будет отображаться по умолчанию по тексту, когда я хочу, чтобы он был позади. Возможно ли это только с помощью другого слоя?

Answer 1

Да, вам нужно будет поместить контейнерный элемент, такой как div, вокруг каждого изображения и его надписи, чтобы держать их вместе.

<div class="pictureBox"> 
    <div> 
     <img /> 
     caption caption 
    </div> 
    <div> 
     <img /> 
     more caption 
    </div> 
</div> 
-------- 
.pictureBox div { 
    text-align: center; 
    /* whatever width/height/positioning you want */ 
} 

для второй части вопроса, по поводу сдачи его за другой текст, посмотрите на CSS z-index, хотя я думаю, что это относится только к абсолютно позиционируемые элементы.

Answer 2

nickf is right, z-index применяется только к абсолютно позиционированным элементам.

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