定位
只能用定位来实现层叠的效果
absolute默认为浏览器窗口
一.position定位属性
position:static/absolute/relative/fixed/inherit
1.static:默认定位方式；
2.absolute：绝对定位，将对象从文档流中完全脱离出来，使用left/right/top/bottom进行定位，如父元素无定位属性，依据浏览器定位，其层叠属性通过z-index来定义；
3.relative：相对定位遵循正常的文档流，将依据right/top/right/bottom等属性在正常文档流中相对自身位置进行偏移，其层叠通过z-index属性定义；
4.fixed：固定定位，类似绝对定位，但参照物是浏览器的可视窗口，且脱离标准文档流；
5.inherit：规定元素的定位方式继承父元素的position属性值。
注： 任何元素设置过脱离文档流的定位方式时，就有了块元素的显示特性；
绝对定位须有一个参照物=包含块
包含块：包含关系，并且要设置定位（相对、绝对）
二、定位元素的层级属性
z-index:auto|number;
auto：默认值；
number：无单位的整数值。
锚点
一、锚点链接的语法和应用场景
命名锚点的作用：在同一页面内的不同位置进行跳转。
语法：
1.给元素定义命名锚记名
<标记 id=“命名锚记名”></标记>
2.命名锚记链接
<a href="#命名锚记名">链接文本或图片</a>
二、透明写法
IE9以下浏览器写法：
filter:alpha(opacity=value);value值为0-100；
兼容其他浏览器写法：
opacity:value;value=0-1；零点几可写为点几；
只支持IE8以上浏览器：
rgba(255,255,0,0.5)最后一位表示透明，取值0-1。
三、插入flash
四、滚动字幕的应用marquee