原生方法写的模态框的写法

不用bootstrap怎样能写出模态框的样式,谢谢各位!

阅读 5.1k
4 个回答

很简单1.先写个背景div 2.在div中居中一个div 即可。
<div class="back"><div class="box"></div></div>
你要做的就是给back写个撑满屏幕的黑色透明的样式, 让box垂直居中

在页面里写好一个模态框隐藏,然后每次需要的时候调用显示即可。

我前段时间这个一个弹出层组件,应该对你有用,注释也写得很清楚,其实就是一个div作为遮罩,一个作为弹出层。fixed定位,遮罩平铺,弹出层居中。https://github.com/zhaomenghuan/pop

参考慕课网阿当老师的课程

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题