mask遮罩蒙层使用通常的写法的bug 通常写法pug .mask 通常写法css .mask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; /*移动端 ...

马上月底了, 这个月忙于工作和生活, 没有很好的写一篇博客, 有点忧伤. 为了弥补, 就写点简单的. 最近项目有个需求, 就是鼠标移入的时候显示一个层, 移除的时候这个层消失. 当然层是可以点击进行额外操作的. 项目用的是react,最开始使用的是mounseenter和mounseleave ...

...

原理： 写一个遮罩功能div，宽度高度均为100%，设置背景色，设置透明度，设置z-index 值为倒数第二大，目的为了在倒数第二层，把页面显示的内容给盖住！ 写一个弹出功能div，设置z-index 值为最大，目的要显示在最上层！ html代码： <div id="body"> ...

CSS样式部分: ---------------------------------- <style type="text/css">#loading-mask{ position:absolute; left:0; top ...

...

这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果，可以欣赏一下 在线预览 下载地址 实例代码 1 2 3 ...

一张图片当鼠标移动到上方时，会显示一个遮罩层，并且显示一些提示文字 触摸前图片 触摸后图片 实现方法 /html部分 /css部分 jQuery部分 ...