首页 > 其他 > 详细

浮动div居中定位

时间:2014-08-25 20:46:24      阅读:390      评论:0      收藏:0      [点我收藏+]

当图片不能设为背景的时候,图片上需要配文字,文字div就需要设成浮动层position:absolute;

但是这时,这个浮动div无法显示在img中间位置,不同分辨率的移动设备会显示位置错乱

这时可以将浮动div设成相对body的定位,

.bonus-back {
height: 256px;
width: 280px;
position: absolute;
left: 50%;
top: 48%;
margin-left: -140px;           /***浮动层宽度的一半****/
margin-top: -128px;    /***浮动层高度的一半****/
z-index: 99999;      /***浮动在img之上***/
text-align: center;
}

浮动div居中定位

原文:http://www.cnblogs.com/baoguanxia/p/3935597.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!