浮动div居中定位

当图片不能设为背景的时候,图片上需要配文字,文字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;
}

转载于:https://www.cnblogs.com/baoguanxia/p/3935597.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/492963.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

回顾2018,正在改变未来游戏规则的技术

来源:资本实验室回顾2018年,基于数字化的新技术继续推动着各行的的变革。人工智能、基因技术、物联网、3D打印、区块链……这些技术的应用在改变传统行业游戏规则的同时,给我们提供了关于未来技术应用的想象空间。当然,在看到美好…

jQuery之防止【冒泡事件】,阻止默认行为 【return false】 event.stopPropagation event.preventDefault...

知识点: event.stopPropagation() 阻止冒泡 event.preventDefault() 阻止默认事件,比如button提交后跳转到链接页面 两者都可以用 return false 代替。 冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 下面是h…

C++中operator的两种用法

首先声明,转载自:http://blog.csdn.net/skdkjzz/article/details/45872801 转换函数的名称是类型转换的目标类型,因此,不必再为它指定返回值类型;转换函数是被用于本类型的数值或变量转换为其他的类型,也不…

2018年世界科技发展回顾

来源:科技日报摘要:本文从科技政策、基础研究、信息技术、人工智能与先进制造、空间技术、能源环保等六个领域,回顾了2018年世界主要国家的科技发展。2019年或许会很不平常,只因2018年世界主要国家之间关系风云变幻,让…

给destoon商城的列表中和首页添加购物车功能

如何给destoon商城的列表中和首页添加购物车功能? 目前加入购物车的功能只存在商城的详细页面里,有时候我们需要批量购买的时候,希望在列表页就能够使用这个加入购物车的功能。 修改步骤见下: 例如在商城频道的首页和列表页加这个…

leetcode N-Queens

转载自:http://www.cnblogs.com/TenosDoIt/p/3801621.html N-Queens The n -queens puzzle is the problem of placing n queens on an n n chessboard such that no two queens attack each other. Given an integer n , return all distinct solutions to the …

javascript一些底层方法总结及用法

本地对象:ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。简单来说,本地对象就是 ECMA-262 定义的类(引用类型)内置对象:ECMA-262 把内置对象&…

CES新观察:智能应用全面开花 “陆海空”新品值得关注

来源:网易科技2019年国际消费性电子展(以下简称“CES展”)即将在美国拉斯维加斯落下帷幕,今年是CES走过的第52个年头,虽然已过了“知天命”的年纪,但这丝毫没有影响其在科技行业的影响力和创新力&#xff0…

BZOJ 1606: [Usaco2008 Dec]Hay For Sale 购买干草

1606: [Usaco2008 Dec]Hay For Sale 购买干草 Description 约翰遭受了重大的损失:蟑螂吃掉了他所有的干草,留下一群饥饿的牛.他乘着容量为C(1≤C≤50000)个单位的马车,去顿因家买一些干草. 顿因有H(1≤H≤5000)包干草…

BCG、阿里、百度联合发布中国互联网经济白皮书2.0,解读“中国互联网新篇章:迈向产业融合”...

来源:阿里研究院2017年9月13日,BCG携手阿里研究院、百度发展研究中心和滴滴政策研究院共同发布了中国互联网经济白皮书1.0,第一次全面解读了中国互联网的“中国特色”。该报告一经发布就在业界备受关注,仅在微信公众号上就吸引了超…

用户代码未处理EntityCommandExecutionmException报错解决方案

原因可能是(1)没有编译好,清理解决方案,重新生成解决方案。 (2)可能是WebSiteConfiguration.DbProviderName;中为DbProviderName属性赋值的时候可能从配置文件读设置,但是配置配置文件…

深度学习已经触底?这篇文章的观点令人信服吗?

来源:机器之心摘要:AI 迎来另一寒冬?这是 2018 年下半年至今我们一直能听到的一种声音。这类唱衰的文章一经发布,总是能博人眼球。这篇发表在 Medium 上的文章探讨了 AI 的历史和现在,泛谈了深度学习的局限性&#xff…

Leetcode unique-paths

转载自:http://blog.csdn.net/linhuanmars/article/details/22126357 原题链接: http://oj.leetcode.com/problems/unique-paths/ 这道题是比较典型的动态规划的题目。模型简单,但是可以考核动态规划的思想。我们先说说brute force的解法,…

阿里商业操作系统重磅发布!新零售绝对不止是零售层面的问题

来源:物联网智库摘要:2019年1月11日,阿里巴巴one商业大会在杭州隆重召开,阿里巴巴CEO张勇发表了题为《阿里巴巴商业操作系统》的主题演讲,并将此次大会称为“数字经济时代的网商大会”。会上,张勇宣布——在…

PHP操作MongoDB GridFS 存储文件

PHP操作MongoDB GridFS 存储文件&#xff0c;如图片文件 我的测试代码&#xff1a; 1、前端上传文件html index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…

JS入门程序(一)

程序代码如下&#xff1a; <!DOCTYPE html> <html lang"en"><head><title>Bootstrap 101 Template</title><link href"css/bootstrap.min.css" rel"stylesheet" media"screen"></head><…

Oracle运行set autotrace on报错SP2-0618、SP2-0611

SQL> set autotrace on SP2-0618: 无法找到会话标识符。启用检查 PLUSTRACE 角色 SP2-0611: 启用 STATISTICS 报告时出错 原因: PLUSTRACE角色不存在 解决办法&#xff1a; conn / as sysdba %ORACLE_HOME%\sqlplus\admin\plustrce.sql grant plustrace to hr; 转载于:https…

万字长文回顾智能驾驶进化史

来源&#xff1a;软件定义世界&#xff08;SDX&#xff09;作者&#xff1a;吴甘沙、张玉新摘要&#xff1a;当卡尔 本茨发明汽车&#xff0c;人类进入汽车时代时&#xff0c;科学技术就对人类的 “ 出行 ” 进行了新的定义&#xff0c;而随着技术的不断发展与进步&#xff0c…

组合数学基本工具-- 排列与组合以及简单公式

排列 从n个不同元素中任取m&#xff08;m≤n&#xff09;个元素&#xff0c;按照一定的顺序排列起来&#xff0c;叫做从n个不同元素中取出m个元素的一个排列。当mn时所有的排列情况叫全排列。 P(n,m)n(n-1)...(n-m1)n!/(n-m)! 特别的&#xff0c;定义0!1 组合 组合公式是指从…

atitit.动态加载数据库配置in orm hibernate mybatis

atitit.动态加载数据库配置in orm 1. 动态加载数据库配置的优点::: 1 1.1. 组合多个配置文件... 1 1.2. 连接多个数据库 1 2. 基本的流程:::getCfg内存对象,,,,生成工厂类,在opoenSession 1 2.1. Hibernate动态添加配置流程 1 2.2. mybatis动态添加配置流程 1 2.3. #hb code 2 …