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

Question

我的 Web 应用程序中有一个 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> -> 你的风格...我使用了一些随机值

<div id="rigthCover" style="position: aboslute; left: 999px; top: 10px; opacity: 0.3; background: #fff; display: none;">Whatever</div> -> 和前面一样，适用于 mozilla/chrome，你必须为 IE 过滤不透明度(alpha 过滤器，google 一下你很快就能找到)

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

Javascript:

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