javascript图像覆盖在指定的div上

我是javascript新手。非常新的事实上，这应该是我的第一个脚本。

---

有人能给我解释一下如何在指定的固定宽度区域（比如700x300px）上制作透明覆盖层吗

您可以定义覆盖，例如

<div id="myoverlay" class="myoverlay">...contents...</div>

我还不太明白JavaScript的必要性，但我想您可能希望使用JS来打开/关闭覆盖的显示属性

<script type="text/javascript">
function showOverlay(){
  document.getElementById("myoverlay").style.display = "block";
}
</script>

函数showOverlay（）{
document.getElementById（“myoverlay”）.style.display=“block”；
}

---

这大概就是你想要的吗？对于无意中出现的语法错误，我深表歉意，因为这完全是我头脑中未经测试的代码。只是给你一个想法。

你可以创建一个透明的div，并将其绝对定位在指定的区域上

var shimDiv = document.createElement('div');  
shimDiv.id = 'shim';  
shimDiv.style.position = 'absolute';  
shimDiv.style.top = 0;  
shimDiv.style.left = 0;  
shimDiv.style.width = "700px";  
shimDiv.style.height = "300px";  
shimDiv.style.backgroundColor = '#000'; 
shimDiv.style.zIndex = 3;   

对于非IE浏览器，设置不透明度：

shimDiv.style.opacity = '0.75'; 

由于IE本机不支持透明性，因此应使用如下过滤器：

shimDiv.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=75)';  

并将此新div添加到文档正文的末尾：

document.body.appendChild(shimDiv); 

为了支持旧的IE版本，您必须将IFrame元素放在透明DIV下

要从JavaScript动态创建IFrame，请尝试以下代码：

var iframe = document.createElement('iframe');
iframe.setAttribute("src", "javascript:false");

不要忘记使用无用的“javascript:false”语句设置IFrame src属性，以防止IFrame尝试加载页面（您不会注意到它这样做，但如果您在HTTPS页面上使用它，它将导致“Unsecured Items”消息跳闸）

通过为该IFrame指定较低的z-index属性值，将其定位在div下

iframe.style.zIndex = 2;

---

所有的样式都可以用CSS完成。我只是想展示一下如何使用JavaScript来实现它。

是否应该将“显示”设置为“块”呢？它的工作方式很有魅力！谢谢

iframe.style.zIndex = 2;