弹框的一种简单css用法
来源:互联网 发布:工业造型设计书籍知乎 编辑:程序博客网 时间:2024/05/20 23:02
<div class="coverbox"> <div class="covercont"> <div class="covernav"> <span class='close'><img src="/style/images/close.png" style='width:60%;'></span> </div> <div class="coverbody"> <div class="coverinfo"> </div> <div class="coverhiden"> </div> </div> </div>/*弹框*/.coverbox{ display: none; position: fixed; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: rgba(0,0,0,.6); width: 100%; height: 100%; margin: 0 auto; padding:10% 10%;}.covercont{ position: relative; overflow: hidden; margin: auto; /*width: 100%;*/ width:700px; padding-bottom: 44px; background: #fff;}.covernav{ position: absolute; left:0; top: 0; height: 44px; overflow: hidden; width: 100%;}.close{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-decoration: none; font-size: 1.4em; text-align: center; line-height: 2em; cursor:pointer;}.coverbody{ height:100%; margin-top: 44px; padding:0 3em; overflow-x: hidden;}
阅读全文
0 0
- 弹框的一种简单css用法
- CSS的简单用法
- CSS的简单用法
- PostCSS一种更优雅、更简单的书写CSS方式
- CSS的简单用法(上)
- printf的一种用法
- case的一种用法
- TaskInfo的一种用法
- CommandArgument的一种用法
- update 的一种用法
- exists的一种用法
- mkimage 的一种用法
- static的一种用法
- this 的一种用法
- NSInvocation的一种用法
- tabhost的一种用法
- Hibernate的一种用法
- alarm的一种用法。
- 混淆后实体类转Json报错
- Quick-Cocos2dx 中, 使用ccexp.VideoPlayer播放视频, 响应用户点击结束播放
- The Python GTK+ 3 Tutorial
- Android视频开发进阶(part1-关于视频的那些术语)
- Hibernate Annotation配置主键生成策略
- 弹框的一种简单css用法
- eclipse启动tomcat访问不到主页
- 深入oracle的left join中的ON和WHERE的区别详解
- Android事件分发
- Java_构造函数与一般函数的区别
- F1V3.0-11 开发规范——常规模式
- Unity如何限制启动一次实例
- Ce Frumoasa E Iubirea 爱情多美好 罗马尼亚 歌手Giulia
- httpClient及jsoup抓取解析网页数据