一、方法一 若用此方法，拉动滚动条时会出现页面下部遮罩层盖不住的情况，原因在于position取值为absolute，此时可以结合js或者jquery动态设置遮罩层的宽和高，从而实现全覆盖： 二、方法二 或者直接给position取值为 fixed，避免页面的滚动 ...
分类：
其他好文 时间：
2017-12-13 20:16:18
阅读次数：
193
这里在原有slideout.js增加了shade的遮罩功能 核心： 1，此插件的使用需要配合dom来用； 2，使用环境中，判断用户的登录状态； 3，源码中修改的地方 注意close(),与open()事件； 完整源码： 预览地址： https://besswang.github.io/slideou ...
分类：
其他好文 时间：
2017-12-13 14:56:11
阅读次数：
182
除了遮罩功能可以对局部网格进行编辑外，通过显示和隐藏局部网格也可以对局部进行控制。选择网格的控制都是手动操作，在软件中并没有相应的命令进行操作。选择局部网格的工作原理也很简单，即被选择的网格参与编辑，而隐藏的网格不参与编辑。 ...
分类：
其他好文 时间：
2017-12-12 21:38:05
阅读次数：
272
background:rgba(); 是css3新增的。它非常实用，可以很简单的就做出一个背景透明而内容不透明的遮罩层。 可惜的是IE8及IE8以下并不兼容该属性。但我们可以通过IE下的滤镜来实现rgba的效果。 以上代码即可实现在IE8下兼容background:rgba(); 这里只说一下 IE ...
分类：
其他好文 时间：
2017-12-11 14:14:43
阅读次数：
140
原作者地址：https://github.com/lemontree2000/vue magnify 经测试，原插件在使用时有bug,即在预览时进行鼠标滚动，导致遮罩层计算错误。我已修复该bug,特分享出来。 组件核心代码： 使用： 效果图： ...
分类：
其他好文 时间：
2017-11-28 19:50:15
阅读次数：
1323
meta基础知识 常见问题 android用户点击一个链接，会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样，可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果 ...
分类：
移动开发 时间：
2017-11-28 16:42:23
阅读次数：
286
添加遮罩弹窗 css: <style> #headul{ width: 100%; height: 100%; position: absolute; top:0; left: 0; display: none; } .mask{ width: 100%; height: 100%; backgro ...
分类：
其他好文 时间：
2017-11-27 14:12:23
阅读次数：
122
在开发中，为了避免二次提交，遮罩层的运用越来越普遍 看了很多代码，下面跟大家分享一下我认为最简单的遮罩层实现方式： 1.样式如下设置： CSS代码： [html] view plain copy <style type="text/css"> .mask { position: absolute; ...
分类：
Web程序 时间：
2017-11-25 18:31:53
阅读次数：
221
遮罩两种关闭方法： 1 点击X号关闭 HTML代码 css 代码 灰色的遮罩是一个大的div ，设置固定定位，背景色用rgba（）， jQuery 代码 2 点击空白处关闭 html 代码 css代码 jQuery 代码 相关知识点： 3 position:absolute;margin:auto; ...
分类：
其他好文 时间：
2017-11-24 17:56:57
阅读次数：
195
首先，需要有一个按钮来模拟登录： 然后呢，我们想通过点击这个按钮实现这样一个效果： 从上面这张图片，我们可以看到，灰色背景就是遮罩层，而浅蓝色的区域就是登陆框位置所在了。OK，下面先看一下HTML结构和css样式： 这里只是将HTML结构拿出来讲一下，但是下面我们是通过JS来创建它们的，所以这里只是 ...
分类：
编程语言 时间：
2017-11-18 15:22:15
阅读次数：
244
