内容垂直、水平居中
来源:互联网 发布:c语言双斜杠是什么意思 编辑:程序博客网 时间:2024/05/16 10:44
CSS
.amdin_img{z-index:-99; position:fixed;}
.amdin_main{ position:absolute; top:50%; left:50%; width:580px; height:600px; margin-top:-300px; margin-left:-290px; line-height:30px;font-size:16px; text-align:center;z-index:-1;filter:alpha(opacity:30);opacity:0.3; background:#333;}
.amdin_nr{ position:absolute;top:50%;left:50%;width:200px;height:100px; margin-top:-50px; margin-left:-100px; border:1px solid red; line-height:30px;font-size:16px;text-align:center;z-index:99}
Html
<div class="amdin_img"><img style="position:fixed;" src="images/admin-bg.jpg" height="100%" width="100%" /></div>
<div class="amdin_main"></div>
<div class="amdin_nr">78978</div>
.amdin_img{z-index:-99; position:fixed;}
.amdin_main{ position:absolute; top:50%; left:50%; width:580px; height:600px; margin-top:-300px; margin-left:-290px; line-height:30px;font-size:16px; text-align:center;z-index:-1;filter:alpha(opacity:30);opacity:0.3; background:#333;}
.amdin_nr{ position:absolute;top:50%;left:50%;width:200px;height:100px; margin-top:-50px; margin-left:-100px; border:1px solid red; line-height:30px;font-size:16px;text-align:center;z-index:99}
Html
<div class="amdin_img"><img style="position:fixed;" src="images/admin-bg.jpg" height="100%" width="100%" /></div>
<div class="amdin_main"></div>
<div class="amdin_nr">78978</div>
0 0
- 内容水平,垂直居中
- 内容垂直、水平居中
- html内容垂直、水平居中
- 使内容水平垂直居中
- div内容水平居中、垂直居中
- table中th内容水平垂直居中
- Bootstrap表格内容垂直水平居中
- Bootstrap 表格内容水平、垂直居中
- div中内容水平垂直居中
- html中内容垂直水平居中
- 水平居中,垂直居中
- 水平居中垂直居中
- div里的内容水平居中和垂直居中
- h5中设置div中的内容水平并垂直居中
- 嵌套标签以及标签内容垂直水平居中
- html中table表格内容水平垂直居中显示
- CSS水平垂直居中
- div水平垂直居中
- android.os.NetworkOnMainThreadException(未开启子线程)
- laravel-soap 使用
- 求无向图割顶,桥,删除点后增加的连通块数
- 分分钟学会写简单的图片加载框架
- iframe图片上传
- 内容垂直、水平居中
- ssoj1933墨墨的等式(equ)
- wampserver localhost 403
- Ext.Net简单事件
- Quadtrees
- Struts2配置json的各个属性
- 【Android】四大组件(4)ContentProvider
- Myeclipse快捷键
- HTTP协议详解