第21节 绝对定位div 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/8/30 传媒学院
1.简介 网页中元素都是从上往下，从左至右，顺序摆放的 可以任意的在屏幕上放置一个元素吗？ 可以，设置元素的定位方式为“绝对” 定位-类型 2019/8/30 传媒学院
例子 制作一个div，设置大小，背景 设置其类型为绝对定位的 设置其定位的上下左右 2019/8/30 传媒学院
2.绝对中的相对 d21前面没有元素时 如果绝对定位元素没有指定坐标（定位属性中的上下左右），则该元素的位置是包含其的元素的位置，如果包含其的元素中还有其他的非绝对定位元素（武汉），则其排在其前面的元素（例子中为wuhan，因为wuhan在d21之前）之后 2019/8/30 传媒学院
如果有多个没有设置坐标的绝对定位div，放置在同一个标签中（比如div），这些绝对定位div会叠加在一起 2019/8/30 传媒学院
通过调整d21的边界可让其相对于d2（包含d21的div）来定位 对于没设置坐标的绝对定位元素，可通过设置边界调节其位置 参照点是其包含该元素的元素的位置 通过调整d21的边界可让其相对于d2（包含d21的div）来定位 2019/8/30 传媒学院
通过边界调整位置可以取负数 就是离某一面（比如上）为负，意味着会调整到上边的上面 2019/8/30 传媒学院
3.叠加 绝对定位元素在非绝对定位元素之上，如果它们重叠的话 2019/8/30 传媒学院
如果多个绝对定位元素重叠，则看Z轴值谁最大，最大的在上面；如果没有设置Z轴，写在后面的在上面 2019/8/30 传媒学院
透明度 可以设置元素的透明度 opacity: 0.5; filter:alpha(opacity = 50); 低版本浏览器识别 需要手写，dw中不能通过面板选择 2019/8/30 传媒学院
作业 练习使用绝对定位div，达到如下效果 2019/8/30 传媒学院