本节简介:使用系统提供类名打破系统默认宽度制作全屏海报
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
再用footer-more-trigger 加绝对定位 一般 border:none padding:0
全屏海报 给海报加绝对定位,让它离开原来位置1.先设置图片大小,偏移位置 left 50% top:0在屏幕的中心开始对齐2. 再键个div 设高宽 绝对定位 向左移960px top;0
left对齐中心,然后左移一半 盒子要加overflow:none 最外层要设一个框架高度为图片高度,撑开框架
通栏海报:最外围盒子设置高度,图片嵌套两个盒子,一个left50%,一个left副的海报宽的一半
全屏海报:无论屏幕分辨率,先让图片左边界与屏幕中心对齐,再 让其左移图片宽度的一半,图片中心与屏幕中心重合,图片居中。
定位属性 类 footer-more-trigger 更换淘宝系统自带的定位属性
footer-more-trigger{border: left oine-height padding position top width}淘宝定位属性 等于是position:abslouate
在淘宝页面上,用footer-more-trigger代替相对和绝对定位,其中一半border和padding需要重新覆盖
外层第一个DIV相对定位,left:50%,里层div left:-海报宽度一半,再里面包含海报地址代码
最后需要在最外面再嵌套一个div,设定高度为海报高度
在淘宝页面上,用footer-more-trigger代替相对和绝对定位,其中一半border和padding需要重新覆盖
外层第一个DIV相对定位,left:50%,里层div left:-海报宽度一半,再里面包含海报地址代码