本节简介：利用定位布局制作鼠标移入时的图文交互效果，涉及小知识点背景颜色的不透明度以及过渡属性设置。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
如top:349px 鼠标移动hover时改成top:0 加transition(过渡）:0.3s这样有个过渡交互效果
opacity:0.4 改变透明度（文字透明度也会改变） 想只改变透明度 background:rgba(0,143,204,0.8) rgb后面加个a表示透明度
加了绝对定位 absolute，都要进行初始化 top:0 left:0
如果用opacity:0.8设置透明度，那么背景颜色和文本的透明度都会被改变。用rgba(0,153,204,0.8)，最后的0.8表示透明度，来只设置背景颜色透明度。
颜色和透明度表示：background：rgba(0,153,203,1);a代表alpha,取值为0-1
.box:hover .ceng{display:block;}表示鼠标移动到图片上时，遮在上面的层显示
设置遮罩的层position属性为“absolute”,父级position属性为“relative”
制作图片说明的块区域，并通过“position”属性遮挡在原图上
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
