Blockering af click og andet godt i en div

<ole>

Ligger knappen bag laget, kan du vel ikke klikke på den  :)

/mvh
</bole>

Den ser ud til at ligge bag laget, men mine knapper og links ligger i en div, som jeg så sætter opacity og alpha på, når der klikkes på et link eller en knap.
Men det forhindre ikke at man stadig kan klikke på en knap eller et link.
Måske er løsningen at lave en anden div, der ligger ovenpå den anden som jeg så sætte opacity på ???

Ja  :)

Skal denne anden div, så positioneres absolute, eller er der en anden snedig genvej, til at definere en div der er præcis samme størrelse og placering som en anden relativt defineret div.

Og er vi i den forbindelse enige om at en evt. <select> vil gå igennem dette "lag" ?

da du alligevel skal bruge javascript for at aktivere dette lag, så var det måske en meget god ide også at skjule select's også. og ja, det ekstra lag skal vel placeres absolut, med det højeste z-index (hvis du har andre absolut placerede elementer) og så ellers fylde 100% af sidens højde og bredde.

Ja, absolut positioneret. F.eks:

<script type="text/JavaScript">
function showLyr() {
    var aSel, hLyr = document.getElementById("gnu");
    aSel = hLyr.parentNode.getElementsByTagName("select");
    for (var i=0; i<aSel.length; i++) aSel[i].style.visibility = "hidden";
    hLyr.style.display = "block";
}
</script>

<div style="position:relative;width:300px;height:200px;border:1px solid red">
    <div id="gnu" style="position:absolute;width:300px;height:200px;z-index:100;background:green;filter:Alpha(opacity:50);-moz-opacity:0.5;opacity:0.5;display:none">&nbsp;</div>
   
    <select>
        <option>jkhkjhkjhkjh</option>
        <option>jkhkjhkjhkjh</option>
        <option>jkhkjhkjhkjh</option>
    </select>
   
    <button onclick="alert('Knap og nap');showLyr()">TEST</button>
</div>

- alert'en er bare for at vise, du ikke kan klikke på knappen med laget henover  :)

Du kan jo også bare den nemme:
    <button onclick="alert('Knap og nap');this.innerHTML='NOPE';this.disabled=true">TEST</button>

Så kan du selv bestemme, om du både vil disable og skifte tekst - eller kun disable knappen  :)

Og det virker, jo som det skal, tak og smid et svar !

Selvtak  :)