Html 黑色覆盖未应用于整页_Html_Css

Html 黑色覆盖未应用于整页

html css

Html 黑色覆盖未应用于整页,html,css,Html,Css,黑色叠加效果不应用完整背景 <html> <head> <style> .black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60);} .white

黑色叠加效果不应用完整背景

<html>
<head>

    <style>
    .black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60);}

    .white_content{display:none;position:absolute;top:25%;left:20%;z-index:1002;background:white;}
    </style>
</head>
<body>

    <div class="white_content" name="ppdiv">Test</div>
    <div class="black_overlay"></div>
</body>
</html>


.black_覆盖{显示：无；位置：绝对；顶部：0%；左侧：0%；宽度：100%；高度：100%；背景色：黑色；z索引：1001；-moz不透明度：0.6；不透明度：.60；过滤器：alpha（不透明度=60）；}
.white_内容{显示：无；位置：绝对；顶部：25%；左侧：20%；z索引：1002；背景：白色；}
测验

单击此处查看我的问题

但是黑色叠加颜色没有完全应用。仅应用半页，剩余部分

复制并粘贴以下代码并保存在html文件中，然后检查


.黑色覆盖层{
显示：无；
位置：绝对位置；
最高：0%；
左：0%；
宽度：100%；
身高：100%；
背景色：黑色；
z指数：1001；
-moz不透明度：0.6；
不透明度：.60；
过滤器：α（不透明度=60）；
}
.white_内容{
显示：无；
位置：绝对位置；
最高：50%；
左：50%；
z指数：1002；
背景：白色；
位置：固定；
}
函数opnpp（）{
$（“.white_content”）.show（）；
$（“.black_overlay”）.show（）；
}


（第一种选择是作为你的答案）




话题
做记号
总问题:
回答总数
错误答案
已经回答了
第一条重要路线
1.HTML代表什么？
家庭文本标记语言
超文本边距语言
家庭传输标记语言
超文本标记语言


已经回答了
2.HTML标签放在什么地方？
选择
和
鹿
母牛


已经回答了
3.标签和文本放在哪个标签内？
选择
狗
鹿
母牛


已经回答了
4.下面是什么意思？
选择
狗
鹿
母牛


已经回答了
5.下面是什么意思？
选择
狗
鹿
母牛


已经回答了
6.下面是什么意思？
选择
狗
鹿
母牛


已经回答了
7.下面是什么意思？
选择
狗
鹿
母牛


已经回答了
8.下面是什么意思？
选择
狗
鹿
母牛










测验

解决方案再次查看您的代码片段后，由于页面“滚动”，您可以使用

position:fixed

而不是

position:absolute这是因为div将与您一起“滚动”，这意味着您将无法看到屏幕上的白色背景

我的版本
下面是一个css弹出式设计示例，您可以使用它。请注意，当前使用的jquery用于切换弹出窗口的可见性，仅此而已

$（'.normaltext按钮'）。单击（函数（）{
$（'.popuptext'）.addClass（“activepopup”）；
});
$（'.popuptext按钮'）。单击（函数（）{
$（'.popuptext'）.removeClass（“activepopup”）；
});
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
流行语{
显示：无；
}
.activepopup{
颜色：白色；
显示：块；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：100%；
背景：rgba（0,0,0,0.8）；
}
.popuptext按钮{
位置：绝对位置；
排名：0；
右：0；
颜色：红色；
字体大小：40px；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
打开弹出窗口
这是一个弹出窗口
关闭弹出窗口
只需将.black\u overlay
的样式更改为此
.black_overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:black;
    z-index:1001;
    -moz-opacity:0.6;
    opacity:.60;
    filter:alpha(opacity=60);
}

使用像您的一样的位置：fixed
。白色覆盖
，然后指定顶部
，左侧
，右侧