Ⅰ 如何实现一开网页就实现页面遮罩

在<body>标签里加入这样一个层：
<div
style="position:absolute;z-index:100;width:100%;height:100%;background-color:#999;filter:Alpha(Opacity=50)"></div>
注意：这个效果要设置浏览器允许运行活动内容

Ⅱ 关于html遮罩代码的问题

你可以用css中的:hover伪类，比如：
img.mask{
opacity:1;
}
img.mask:hover{
opacity:0;
}
这样，当你把鼠标放到<img class="mask" src="遮罩图片" />上的时候，图片会变得透明，鼠标移开，图片就变得不透明。

纯手打，无JS，望楼主点赞

Ⅲ CSS遮罩层不能完全遮罩页面

CSS遮罩层不能完全遮罩页面，是设置错误造成的，解决方法如下：内

1、先看下html，一个img图片控件，容和一个有mask样式的div，里面有文字，这个就是遮罩层。

Ⅳ html5如何实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框

通过jquery的show()和hide()函数联合使用，实现弹出窗口。

一、show（）和hide（）函数解析：

1、show() 方法显示隐藏的被选元素。

注意：show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。

2、hide() 方法隐藏被选元素。

这与 CSS 属性 display:none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。

二、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。具体代码如下：

Ⅳ 请问有谁知道设计网页遮罩css跟html的代码怎么写 就是点击之后弹出个小窗口然后背景色变暗的那种急急急啊

HTML：
<p class="shade"></p>
<div class="tanceng">
<p class="cue">亲，活动还在继续，5月6日-5月8日抽奖，要累计50万以上才可参加哦~</p>
<p class="okbtn pt5">
<a href="javascript:void(0);">确定</a>
</p>
</div>

CSS：
.shade{
width: 100%;
background-color: rgba(0,0,0,0.3);
position: fixed;
left: 0;
top: 0;
display: none;
}
.tanceng{
background-color: #ffeb8d;
width: 240px;
padding: 20px;
line-height: 200%;
color: #f31b33;
position: fixed;
top: 20%;
left: 50%;
border-radius: 0.6rem;
margin-left: -140px;
display: none;
}
.okbtn a{
display: block;
width: 80%;
background-color: #f31b33;
color: #fff;
line-height: 250%;
font-size: 16px;
text-align: center;
border-radius: 5px;
margin:0 auto;
}

JS:
var webH = $(window).height();
//这里显示遮罩
$("#inner").click(function(e){ //#inner就是你要点击出现遮罩的按钮
$(".shade,.tanceng").css("display","block");
$(".shade").height(webH);
$(".cue").html("亲，活动还在继续，5月6日-5月8日抽奖，要累计购买50万以上才可参加哦~");
//这个可以不要，这是我自己的东西
});
//这里隐藏遮罩
$(".okbtn").click(function(e){
$(".shade,.tanceng").css("display","none");
$(".shade").height(0);
})

Ⅵ HTML实现遮罩层方法 HTML中如何使用遮罩层

最普遍的做法遮罩层默认display:none;需要弹出的场景display:block;关闭遮罩层display:none;

Ⅶ HTML中如何使用遮罩层

第一步：新建一个html页面

页面中先做出一个【领红包】的按钮，如图（图中左侧是效果右侧是代码），点击这个按钮就会弹出一个红包的活动消息，即我们要的遮罩效果
css遮罩层怎么做
css遮罩层怎么做

第二步：做出遮罩层

遮罩层的作用就是将层后面的内容都遮住，覆盖全屏，所以：

宽高都设为：100%；

位置 position：absolute；left：0； top:0;

背景色 一般都设为透明的 background: rgba(0,0,0,0.5);

层的顺序 z-index:100; (设置一个比较大的数值)
css遮罩层怎么做

第三步：做出遮罩层上的内容

1、在遮罩层上添加活动效果图

2、关闭活动信息弹出框的【关闭】按钮

注意:遮罩层上的内容也要添加上z-index且数值要比遮罩层的大，z-index:101

如图（左侧效果，右侧代码）
css遮罩层怎么做
css遮罩层怎么做

第四步：用js实现遮罩效果演示

首先我们看到的页面上是没有遮罩层的，只有一个【领红包】的按钮在页面中；

然后我们点就【领红包】按钮，就弹出遮罩效果；再要关闭遮罩层时点击右上角的关闭按钮，就退出了遮罩成的活动信息。具体操作如下：

1、将遮罩层隐藏起来 display：none；

2、点击【领红包】时，遮罩层显示 display：block;

3、点击关闭按钮，遮罩层消失 display：none；

如图
css遮罩层怎么做
css遮罩层怎么做
css遮罩层怎么做
css遮罩层怎么做
css遮罩层怎么做

Ⅷ html的局部遮罩效果怎么做

有种很笨的方法，就是你看到的透明的那个框压根就不是真正被挖空了，它只是浮在透明层上的另一个层或者压根就是页面中的那个层，只是位置没有发生改变而已。

Ⅸ html如何让DIV遮盖视频

设置视频的透明度，在设置z-index的值
<object>...</object>标签内部加入一个参数“<param name="wmode" value="transparent">”

Ⅹ html 遮罩蒙版有很多个怎么设置层级关系

position: relative; ///必须定位z-index地能生效。
z-index:9; ////这里是设置层级。