Ссылка поверх кнопки
 

Имеется кнопка, при нажатии на нее, поверх нее плавно вылезает блок. С помощью opacity становится видимым. Проблема в том, что на всплывающем блоке находятся ссылки, которые в свою очередь нажимаются вместе с кнопкой, с помощью которой открывается этот самый блок. Как обойти?

Лучше расскажите, как вы сделали чтоб они нажимались вместе...

<div style="position:relative;">
  <button style="width:100%; height:5ex; position:absolute;" onclick="alert('нажата КНОПКА');">
    Кнопка
  </button>

  <div style="position:absolute; opacity:0.5;">
    <a href="#" onclick="alert('нажата ссылка');">ссылка</a>
  </div>
</div>