Как изменить z-index у кнопки при наведении курсора на картинку?

Question

[Алексей Мирошниченко]

<div> 
<img src="img/mask.jpg" onmouseover="????">
<button class="viewDetails" id="vbtn1"> View details</button>
</div>

Кнопка находится по центру картинки и имеет "z-index:-1" Как сделать так, что бы при наведении курсора на картинку изменялся z-index у кнопки на "z-index: 1", и обратно, когда курсор покидает область картинки?

Answer 1

[Алексей]

Зачем скрипты? достаточно сделать на css:
img:hover + button {z-index: 99999}

Comments

[Алексей Мирошниченко]

Сработало, спасибо