一、图层 图层即层叠上下文,具体概念和应用大家可以看我之前转自张鑫旭大神博客的《CSS层叠上下文和层叠顺序》,这里我们简单复习一下产生层叠上下文的原因。 1.根层叠上下文 指的是页面根元素,也就是滚动条的默认的始作俑者<html>元素。这就是为什么,绝对定位元素在left/top等值定位的时候,如果 ...
分类:
Web程序 时间:
2016-04-22 00:54:21
阅读次数:
344
position : static – 元素框正常生成。即上述不对元素进行任何样式设置的默认形态。 position : relative (此时设置top, right, bottom, left生效) – 相对于它的原点定位,元素仍保持其未定位前的形状,它原本所占的空间仍保留。 例如: 定位前: ...
分类:
Web程序 时间:
2016-04-19 14:12:48
阅读次数:
245
今天看了张鑫旭大神关于z-index的视频。下面写下自己暂时的总结。可能有不到位的地方~以后再回来修改 首先说一些基本的概念和规则: 层叠上下文:1.页面根元素 2.定位元素且z-index值为数值 (可见z-index受限于层叠上下文)3.设置其他属性时(尤其CSS3中的很多属性)。以上情况,将会 ...
分类:
其他好文 时间:
2016-04-18 18:52:53
阅读次数:
136
starts-with? //*[starts-with(@class,'btn')][text()='差'] 意思找从头开始的这个class 意思找从头开始的这个class ...
分类:
其他好文 时间:
2016-04-18 13:11:12
阅读次数:
170
错误频率较高的JS&CSS问题 勤能补拙,不管是哪门子技术,在实践中多多总结,开发效率慢慢就会提升。本篇介绍几个经常出错的JS&CSS问题,包括事件冒泡、(使用offset、scroll、clientHeight定位元素)、模仿JD写个右栏菜单、元素水平和垂直居中、inline元素遇见padding ...
分类:
Web程序 时间:
2016-04-15 02:12:04
阅读次数:
246
LightWeightGSet是名字节点NameNode在内存中存储全部数据块信息的类BlocksMap需要的一个重要数据结构,它是一个占用较低内存的集合的实现,它使用一个数组存储元素,数组中存储的元素实际上是一个链表,这样,综合利用了数组、链表的优势,取长补短、相互促进。它利用long类型的blockId,采用一定的算法来定位元素在数组中的位置,并将其添加到列表头部,删除与查询亦是类似定位过程。...
分类:
其他好文 时间:
2016-04-15 00:46:11
阅读次数:
383
封装一个函数获得任一元素在页面的位置 var GetPosition= function (obj) { var left = 0; var top = 0; while(obj.offsetParent)//如果obj的有最近的父级定位元素就继续 { left += obj.offsetLeft; ...
分类:
Web程序 时间:
2016-04-08 12:00:19
阅读次数:
229
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bo ...
分类:
其他好文 时间:
2016-04-07 12:04:46
阅读次数:
151
在使用z-index这个属性之前,我们必须先了解使用z-index的必要条件: 1、要想给元素设置z-index样式,必须先让它变成定位元素,说的明白一点,就是要给元素设置一个postion:relative(定位元素:position属性值设置除默认值static以外的元素,包括relative, ...
分类:
其他好文 时间:
2016-04-02 14:46:31
阅读次数:
129
首先来了解什么包含块,css包含块是css标准布局中的一个重要的概念,它是绝对定位的基础。包含块就是为绝对定位元素提供坐标偏移和显示范围的参照物,即确定绝对定位的偏移起点和百分比长度的参考。 由于ie浏览器在解析多层包含时会存在一些问题,在ie浏览器中只有当绝对定位的元素拥有层特征时才能准确解析,层 ...
分类:
其他好文 时间:
2016-04-01 20:21:20
阅读次数:
146