[Deff]

да я знаю) сейчас попробую какой-то из

Кликабельная кнопка

<style type="text/css">
 .wrp_btn{
 position:relative;
 z-index:2;
}
 .wrp_btn > img{
 margin:0;
 display:block;
 position:absolute;
 width:100%;
 height:135%;
 background:red url("http://forum.mybb.ru/i/blank.gif") repeat;
 /*Вариант строки выше для замены прозрачкой(а не красным);
 background:transparent url("http://forum.mybb.ru/i/blank.gif") repeat;*/
 z-index:-1;
}
</style>

<span class="wrp_btn">
    <img style="z-index:-1;" src="http://forum.mybb.ru/i/blank.gif"/>
    <button onclick="Tst(this)">Кнопка</button>
    
</span>
<script type="text/javascript">
function Tst(a) {
  var ZzZ = a.parentNode.childNodes[1].style;
  ZzZ.zIndex=20;
  setTimeout(function() {ZzZ.zIndex="-1"} , 1000); //1000 - время задержки
}
</script>

Тоже самое для ссылки

<style type="text/css">
 .wrp_btn{
 position:relative;
 z-index:2;
}
 .wrp_btn > img{
 margin:0;
 position:absolute;
 width:100%;
 height:135%;
 background:red url("http://forum.mybb.ru/i/blank.gif") repeat;
 /*Вариант строки выше для замены прозрачкой(а не красным);
 background:transparent url("http://forum.mybb.ru/i/blank.gif") repeat;*/
 z-index:-1;
}
</style>

<span class="wrp_btn">
    <img style="z-index:-1;" src="http://forum.mybb.ru/i/blank.gif"/>
    <a  style="padding:0 4px;" href="#" onclick="Tst(this);return false;">Кнопка</a>
    
</span>
<script type="text/javascript">
function Tst(a) {
  var ZzZ = a.parentNode.childNodes[1].style;
  ZzZ.zIndex=20;
  setTimeout(function() {ZzZ.zIndex="-1"} , 1000); //1000 - время задержки
}
</script>

================================
Для замены заслонки на прозрачную сделать замену в соответствии с комментом в стилевом оформлении