博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
dialog弹层背景overlayer实现的方式
阅读量:7067 次
发布时间:2019-06-28

本文共 227 字,大约阅读时间需要 1 分钟。

1 增加一个层<div class="dialogLayer"></div>,

 要不就利用伪元素 ::before

2 利用box-shadow: 0 0 0 721px rgba(0, 0, 0, .4);(注意扩展模糊半径的数值,否则可能导致卡顿)

3 利用outline:rgba(0,0,0,0.5) solid 500px; (数值要适合)

转载于:https://www.cnblogs.com/FineDay/p/6010520.html

你可能感兴趣的文章
Javascript之继承(其他方式)
查看>>
薏米红豆粥功效及做法介绍
查看>>
IIS7基本框架
查看>>
C++的性能优化实践
查看>>
HTML <fieldset> 标签
查看>>
SharePoint 2013中Office Web Apps的一次排错
查看>>
Ubutu 12.04 LTS 安装iNode 后缺少libjpeg.so.62与libtiff.so.3解决方法--软连接问题
查看>>
简单组合逻辑电路的verilog实现(包括三态门、3-8译码器、8-3优先编码器、8bit奇偶校验器)...
查看>>
新浪微博Python SDK笔记——发微博(一)
查看>>
从零开始学C++之构造函数与析构函数(一):构造函数、析构函数、赋值与初始化、explicit关键字...
查看>>
SQL Server 表,记录 死锁解决办法
查看>>
Spring MVC
查看>>
Linux&shell 之Shell命令进阶
查看>>
浏览器内核Trident/Gecko/WebKit/Presto
查看>>
【转】一些图论、网络流入门题总结、汇总
查看>>
hdu 1531(差分约束)
查看>>
这个路口再次遇见你------单例模式在读取配置文件时的应用
查看>>
c# 操作excel 替代方案
查看>>
创建自定义的菜单与按钮
查看>>
tag标签数据库的设计
查看>>