Как сделать так, чтобы при наведении мышкой на объект, который находится под другим, этот объект выходил на первый план?

[Zaza7]

Используя CSS. Вот собстна и весь вопрос. Подскажите, пожалуйста, найти не могу

[masax]

универсально так сделать нельзя
в css есть псевдосвойство :hover которое задает стили для элемента на котором стоит курсор
и есть свойство z-index которое задает уровень слоя

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

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

[Лубышев]

а что если сделать так:

<div class="контейнер">
      <div class="первый_блок"></div>
      <div class="второй блок"></div>
</div>

и hover пременить к родителю, то бишь так:

.первый_блок{блаблабла свойства; z-index:2;}
.второй_блок{блаблабла свойства; z-index:1;}
.контейнер:hover .первый_блок{z-index:1;}
.контейнер:hover .второй_блок{z-index:2;}

[Лубышев]

ну или упрощенный вариант

.первый_блок{блаблабла свойства; z-index:2;}
.второй_блок{блаблабла свойства; z-index:1;}
.контейнер:hover .второй_блок{z-index:3;}