<html>
<head>
<title></title>
<script type="text/javascript">
function show() {
document.getElementById("forbidden").style.display = "";
document.getElementById("content").style.display = "";
//透明度
document.getElementById("forbidden").style.filter = "Alpha(Opacity=50)";
document.getElementById("content").innerHTML = "你的内容<input onclick='hide()' type='button' value='确定'/>";
}
function hide() {
document.getElementById("forbidden").style.display = "none";
document.getElementById("content").style.display = "none";
}
</script>
</head>
<body>
<div style="width: 100%; background-color:Gray; display:none; height: 100%; position:absolute; left: 0; top: 0;" id="forbidden"></div>
<div style="width: 260px; background-color:Blue; display:none; height: 113px; position:absolute; left: 244px; top: 137px;" id="content"></div>
<div id="fuck">
<input onclick="show()" type="button" value="显示"/>
</div>
</body>
</html>
摘要：在页面中放两个div 第一个宽高都设置成100% 第二个设置成自己想要的大小
分享到：
相关推荐
### DIV遮罩层：一种简单高效的工作区域遮罩方法 在网页设计与开发领域，DIV遮罩层是一种常用的UI技术，用于暂时性地遮挡页面的其他部分，从而聚焦用户的注意力于特定区域或操作上。这种方法尤其适用于弹出窗口、...
在网页设计中，"页面加载div遮罩层"是一个重要的技术实践，它的目的是在页面内容正在加载时提供一个视觉屏障，防止用户过早地与未完成加载的页面元素交互。这种做法可以提升用户体验，因为当页面正在加载时，遮罩层...
漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...
jQuery funkyUI plugin 弹出div遮罩层效果插件，一看这名字您就明白，这是一个jquery插件类，这个实例包中有一个无边框iframe完美遮罩演示。这些网页特效对于平时的前端设计用处非常大，学习之后也能提高你的JS水平...
### DIV遮罩层知识点解析 #### 一、概念理解 ##### 1.1 遮罩层（Mask Layer）简介 遮罩层是一种常见的网页设计技术，主要用于在页面上覆盖一层半透明或不透明的层，以此来突出显示某个特定元素或者区域。这种技术...
JS弹DIV，遮罩层JS弹DIV，遮罩层JS弹DIV，遮罩层
在网页设计中，"div遮罩层"是一个常见的技术手段，用于实现页面上某一区域的高亮突出或者阻止用户与背景交互。这个概念主要涉及到HTML的`<div>`元素、CSS样式以及可能的JavaScript交互。下面我们将详细探讨这些知识...
通过js实现的div遮罩层的效果，相当于锁住全屏，只能操作当前的弹出框操作。
Div 对话框 可移动 可设遮罩层 可以同时打开多个对话框，JS源代码
在"CustomDiv"这个文件中，我们可以推测这可能包含了一段代码示例，演示如何创建一个具有上述特性的对话框：可刷新的模式对话框、可移动的div以及遮罩层。实现这样的功能通常涉及到以下几个步骤： 1. **创建模式...
DIV遮罩层是一种在网页上添加的半透明覆盖层，用于实现对页面其他内容的遮挡，常用于弹出层、加载提示或页面临时锁定等场景。实现DIV遮罩层的关键知识点主要包括以下几点： 1. HTML结构：创建一个用于遮罩的DIV元素...
使用方法： 1.head中加入 <script type="text/javascript" src="pic-js/prototype.js"></script> <script type="text/javascript" src="pic-js/scriptaculous.js?load=effects"></script> ... 2.放置blank.gif close....
创建遮罩层，通常会在HTML中添加一个div元素，并通过CSS来定义其样式。示例中给出的`.lockDiv`样式定义了遮罩层的绝对定位、无颜色边框、初始隐藏、背景颜色以及透明度设置。 ### 三、JavaScript实现页面封锁 通过...
在网页设计和开发中，"DIV锁层,遮罩层"是一个常见的技术概念，用于创建交互式的用户体验。本文将深入探讨这两个概念以及如何在实际应用中实现它们。 首先，我们来理解“DIV”。在HTML中，`<div>`元素是一个无语义的...
利用div+css制作弹出层并遮罩层，主用用了两个div，一个div用于弹出框，另一个则遮罩整个页面
在这个场景中，“实现div 遮罩 frameset”意味着在`frameset`布局的网页上，使用`div`来实现一个可移动的遮罩层或弹出窗口。 首先，我们来看`frameset`。`frameset`是HTML4中的元素，它允许我们将浏览器窗口划分为...
JS弹出Div+遮罩层,弹出遮罩后滚动条不可滚动。
1. **创建遮罩层**：使用`document.createElement('div')`创建新的`div`元素，然后设置其样式属性，如`style.cssText`，或者通过`classList.add()`添加CSS类。 2. **插入到DOM**：使用`document.body.appendChild()...
首先，我们需要在HTML中创建一个遮罩层元素，通常是一个全屏的div，其初始状态通常是隐藏的。例如： ```html <div id="mask" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; ...
html代码很简单 <div class=mask></div> 1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:...