本節簡介:使用系統提供類名打破系統默認寬度制作全屏海報
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
再用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:-海報寬度一半,再里面包含海報地址代碼