使用CSS创建模式窗口(modalwindow)覆盖(overlay)层的方法,以及对比它们之间的优劣之处。
css-modal的特点:
用纯css构建的
使用响应式网页设计方法设计的。它们适用于从小型手机到高分辨率屏幕的所有屏幕尺寸。
使用了Sass
其它优点:可访问,跨浏览器,小巧,快速!
如何使用css-modal
安装cssModal文件的最简单方法是使用npm或Bower。
npminstall--savecss-modal
//or
bowerinstall--savecss-modal
使用
绝对定位元素
创建覆盖层的第一种方法是在页面上绝对定位一个html元素。标记中会有一个空的div,使用css,这个div是绝对定位的,并给出一个高的z-index值,以确保它位于页面上所有其他元素的顶部,除了在这个覆盖上打开的模式,它将获得比覆盖更高的z-index。
上一篇:logo设计是什么意思
下一篇:什么是前端开发