html中遮罩层的简单实现

最新推荐文章于 2024-11-01 09:03:05 发布

原创最新推荐文章于 2024-11-01 09:03:05 发布 · 1.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #遮罩层 #简单

html 专栏收录该内容

3 篇文章

订阅专栏

博客围绕简单的HTML遮罩层展开，虽未给出具体内容，但可知与HTML技术相关，遮罩层是前端开发中常用元素，能实现特定视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>


			#zhezhao{
				width: 100%;
				height: 100%;
				background-color: #000000;
				opacity: 0.1;
				z-index: 5;	
			}

		</style>
	</head>
	<body>
		<!-- 遮罩层div -->
		<div id="zhezhao" >
			
		</div>
		
		<div id="header">
			
		</div>
	</body>
</html>