第21节绝对定位div 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/8/30 传媒学院.

第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 传媒学院

Presentation on theme: "第21节绝对定位div 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/8/30 传媒学院."— Presentation transcript: