定位
只能用定位来实现层叠的效果
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