html遮罩实现

最新推荐文章于 2021-11-13 09:12:38 发布

想秃头的小邹

最新推荐文章于 2021-11-13 09:12:38 发布

阅读量3.6k

点赞数 1

文章标签： html 前端 css3

本文链接：https://blog.csdn.net/u010404725/article/details/96508959

版权

本文介绍了如何使用HTML和CSS3创建遮罩层效果，详细讲解了HTML结构的设定及CSS样式的应用，包括透明度、定位和过渡效果，帮助开发者实现页面元素的动态隐藏与显示功能。

摘要由CSDN通过智能技术生成

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>demo</title>
    <style type="text/css">
        /* 半透明的遮罩层 */
        #overlay {
     
            background: #000;
            filter: alpha(opacity=50); /* IE的透明度 */
            opacity: 0.5; /* 透明度 */
            display: none;
            position: absolute;