css-modal的特点：

用纯CSS构建的
使用响应式网页设计方法设计的。它们适用于从小型手机到高分辨率屏幕的所有屏幕尺寸。 
使用了Sass
其它优点：可访问，跨浏览器，小巧，快速！

如何使用css-modal

安装CSS Modal文件的最简单方法是使用npm或Bower。 

npm install --save css-modal
//or
bower install --save css-modal

使用

<section class="modal--show" id="modal-text" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
    <div class="modal-inner">
        <header id="modal-label"><!-- Header --></header>
        <div class="modal-content"><!-- The modals content --></div>
        <footer><!-- Footer --></footer>
    </div>
    <a href="#!" class="modal-close" title="Close this modal" data-close="Close" data-dismiss="modal">?</a>
</section>

链接: https://www.fly63.com/nav/1437