定位与锚点

定位

只能用定位来实现层叠的效果

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