第一种最常见:(元素是绝对定位而不是相对定位).inner{ width: 400px; height: 200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -200px; background-color: green;}测...
分类:
其他好文 时间:
2015-05-26 18:30:39
阅读次数:
140
(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-04-03)点评:绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index解决办法:父级元素加上positi...
分类:
其他好文 时间:
2015-05-26 10:37:30
阅读次数:
117
转自:How to Center Anything With CSShttp://designshack.net/articles/css/how-to-center-anything-with-css盘点8种CSS实现垂直居中水平居中的绝对定位居中技术 http://blog.csdn.net/f...
分类:
Web程序 时间:
2015-05-25 13:02:46
阅读次数:
158
1、position属性 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 同时注意,该值没有继承性(注意区分所有继承和非继承属性)值描述absolute生成绝对定位的元素.....
分类:
Web程序 时间:
2015-05-25 09:46:18
阅读次数:
149
先来看下效果:
要点:
1. 将css的float定位,转换成用js的绝对定位
2. 从中心放大缩小物体
主要步骤:
1. 先通过css的float定位,ul宽度设置成li宽的倍数(例子中li的宽是122,没行显示3 个li,所以ul宽设置 成366)
2. 利用js 获取并且设置他们初始的left 和top值
3. ul 的position:...
分类:
Web程序 时间:
2015-05-23 14:18:14
阅读次数:
238
拖拽原理 a, 被拖拽物体绝对定位 b, 按下时记录鼠标在拖拽物体上的位置,拖拽时鼠标在拖拽物体上的位置保持不变 c, 鼠标移动时改变拖拽物体位置 1,简易拖拽 拖拽原型 2,边界限制 拖拽原型
分类:
Web程序 时间:
2015-05-23 01:14:07
阅读次数:
195
overflow 溢出处理 hidden隐藏显示部分,scoll 超出部分就显示滚动条dispaly: none 不显示 block独占一行 inline不独占一行格式布局:position: fixed 绝对定位,以浏览器可见区域为坐标进行定位,不是以页面为坐标是,通常用来做浮动层 relativ...
分类:
其他好文 时间:
2015-05-21 21:54:53
阅读次数:
124
overflow 溢出处理 hidden隐藏显示部分,scoll 超出部分就显示滚动条dispaly: none 不显示 block独占一行 inline不独占一行格式布局:position: fixed 绝对定位,以浏览器可见区域为坐标进行定位,不是以页面为坐标是,通常用来做浮动层 relativ...
分类:
其他好文 时间:
2015-05-21 19:29:10
阅读次数:
104
仿照百度文库做的登陆总结:1:CSS sprites(精灵图标的使用) 注意项, a. 图标的定位具体步骤,首先具体定位CSS sprices图标在大图片中你需要显示在web页面上的具体小图标的background-position 位置,接着采用绝对定位postion:absolute;具体显.....
分类:
其他好文 时间:
2015-05-21 16:49:52
阅读次数:
98