2021.7.23 定位锚点透明

1.Position定位相关属性值

定位  position
个数	书写语法	说明	文档流	偏移位置（top  left  right  bottom）时候的参照物	层叠顺序（z-index）
1	position：static；	默认值	默认	默认	z-index属性是不带单位的，并且可以给负值，没有设置z-index时，最后写的对象优先显示在上层，设置后，数值越大，层越靠上；
2	position：absolute；	绝对定位	脱离	A）当没有父元素或者父元素没有定位，参照物是浏览器窗口的第一屏 B）有父元素且父元素有定位，父元素
3	position：relative；	相对定位	不脱离	自己的初始位置
4	position：fixed；	固定定位	脱离	浏览器的当前窗口

5

position: sticky;

粘性定位

可以做吸顶效果，粘性定位是css3.0新增加的，兼容不好

包含块简单说就是定位参考框或者定位坐标参考系，元素一旦定义了定位显示（相对、绝对、固定）都具有包含块性质，它所包含的定位元素都将以该包含块为坐标系进行定位和调整。 包含块是视觉格式化模型的一个重要概念，它与框模型类似，也可以理解为一个矩形，而这个矩形的作用是为它里面包含的元素提供一个参考，元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。

1、如果 position 属性为absolute ，包含块就是由它的最近的 position 的值不是 static（也就是值为fixed, absolute, relative或sticky）的祖先元素。     A、子元素有绝对定位 B有父元素且父元素有定位，这个时候父元素是包含块

2、如果 position 属性是fixed，包含块是 viewport（视口）浏览器当前窗口。

---

2.锚点链接

命名锚点链接的应用  定义：         是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 命名锚点的作用：在同一页面内的不同位置进行跳转。（百度百科） 制作锚标记：        1)给元素定义命名锚记名                语法：<标记 id="命名锚记名"> </标记>        2)命名锚记连接   语法：<a href="#命名锚记名称"></a>

---

3.透明属性

IE浏览器写法：filter:alpha(opacity=value);取值范围 0-100 兼容其他浏览器写法：opacity:0.value; (value的取值范围  0-1 0.1,0.2,0.3-----0.9---1)

---

4.swf文件引入和滚动

1）语法： <object width="value" height="value">       <param name="movie" value="flash路径及全称" />或者       <embed src="flash路径及全称" wmode="transparent"></embed> </object>

<iframe src="http://www.baidu.com" scrolling="no" frameborder="0"></iframe> src    URL    规定在 iframe 中显示的文档的 URL。 scrolling    yes或者no   规定是否在 iframe 中显示滚动条。 frameborder   0或者1   规定是否显示框架的边框。

2、滚动字幕的应用：  <marquee   behavior（行为）="scroll(滚动)/alternate（晃动）"direction（方向）="up(从下向上)/down（从上向下）/left（从右向左）/right（从左向右）" scrollamount（滚动速度）="value"height="value(上下滚动范围)"width=""(左右滚动范围)> 内容 </marquee>