如何使用透明div禁用所有div内容？

Question

我的网络应用程序中有一个3列模板。

想象一下，右侧div是<div id="right">在某些页面中，我想使用另一个具有透明背景的div禁用此div中的所有内容。

我该怎么做？

（请点击<input type="button" id="btn" value="Disable" />作为处理程序，告诉我您的建议）

Answer 1

HTML：

<div id="rigth" style="position: aboslute; left: 999px; top: 10px;">Whatever</div> - ＆gt;你在这里的风格......我使用了一些随机值

<div id="rigthCover" style="position: aboslute; left: 999px; top: 10px; opacity: 0.3; background: #fff; display: none;">Whatever</div> - ＆gt;与前一个一样，在mozilla / chrome中工作，你必须过滤IE的不透明度（alpha过滤器，google你发现它很快）

<input type="button" id="btn" value="Disable" onclick="disable()" />

使用Javascript：

function disable()
{
      document.getElementById("rightCover").style.display = "block";
}