背景 在web2.0中，页面弹窗是一个很常见的交互方式，这样既可以避免不必要的页面跳转，也可以改进界面的布局和可交互性。 但是，浏览器原生的弹窗函数（alert, confirm, prompt）有着很大的局限性，主要是它们的展现UI一来很不美观，二来也不够灵活，因此，我们经常需要自行定义弹窗 ...

我做了一个模拟alert的弹出框，但是不能遮挡住滚动条下的内容，经过不断地测试发现时是我对position:absolute,position:fixed,width:100%,height:100%;理解有模糊的地方，现在做个测试记录如下： 上面的Css代码是能够 ...

壹 ❀ 引 当我们使用position属性时，总免不了与top，left，right，bottom四个属性打交道，那么这四个属性都设置为0时有什么用，与宽高设置100%又有什么区别？本文对此展开讨论。 贰 ❀ 关于top left right bottom position定位属性 ...

1、在网页设计中我们经常遇到宽度自适应，但有时候可能一种高度自适应的问题。这个时候我们的position之absolute就可以帮你了。 2、position之absolute是脱离文档流。当width、height设置某值后，该元素的值就是该值。那width、height没有设置 ...

给需要添加遮罩的标签添加v-loading属性，值为true|false（开启|关闭） ...

<div id="ws" style="display:none; 　　position: absolute; 　　height: 100%; 　　width: 100%; 　　background: #333; 　　opacity: 0.5;"></div> ...

遮罩层效果相信是许多开发需求时候经常会碰到的一个情况，实现遮罩层效果的方式有很多种，下面介绍最简单的一种，利用CSS来实现遮罩 dom节点代码： 1 <!-- 进度条遮罩 --> <t:div id="shade" styleClass="shade" > < ...

https://blog.csdn.net/zgsdzczh/article/details/79744838 web页在微信中访问增加遮罩层 右上角弹出在浏览器中打开 <style type="text/css"> * { ...