Как мы можем перекрыть два изображения с помощью стиля CSS?
У меня была та же проблема, но только в Internet Explorer (я протестировал версию 7) - не в Firefox 3 или Safari 3. Используя : прежде селектор работает на меня:
ul.tabs li {
list-style: none;
float: left;
}
ul.tabs li:before {
content: '\ffed';
margin-right: 0.5em;
}
я использую квадратный маркер здесь, но нормальный маркер \2022 работал бы то же.
4 ответа
.under {position: absolute; слева: 0px; верх: 0px; z-индекс: -1; } .over {позиция: абсолютная; слева: 40 пикселей; верх: 10 пикселей; z-индекс: -1; } 
Требуется элемент, который должен быть первым. чтобы иметь более высокий z-index
Таким образом, маленький значок будет иметь z-index 2 и изображения будут иметь z-index 1
Пример:
.icon {
z-index: 2;
position: relative;
left: 30px;
top: 30px;
}
.images {
z-index: 1;
}
Вот руководство по использованию z-index и здесь https://developer.mozilla.org/en/understanding_css_z-index
статья о позиционировании http://www.tizag.com/cssT/position.php
Вы можете использовать position: relative и установить right: 30px , bottom: 30px , чтобы сместить его вверх и влево на 30 пикселей.
CSS:
.icon{
position:relative;
right:30px;
bottom:30px;
}