本節簡介:利用定位布局制作帶有下拉框的導航條效果。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
因為導航下拉列表的寬度影響到上面的導航欄寬度,所以給下拉列表添加一個position:absolute屬性
制作導航的時候,導航的列表項會自動繼承導航欄的屬性,如果不想讓導航欄的屬性對下拉列表起效果,可以添加子集選擇器
>【&gt】子集選擇器尖角號: 【   >  】 rgba顏色透明度(Red紅, green綠, blue藍,透明度1)z-index:z指數決定層級
下拉框的設置 display:none 下拉框隱藏 display:block 下拉框顯示
.xxx xx > x{} 尖叫號表示子級選擇器 只能選擇父級下面的第一個子級,而子級下面的孫子級....都不能被選擇
添加絕對定位后,最好給屬性值清零(top:0; left:0;)
>子集選擇符。 li>a只包含li的子集;li a包含li的子集、孫子集等
li>a只包含li的子集;li a包含li的子集、孫子集等
不知為什么**作是隱藏下拉框以后,設置鼠標移入時以塊的形式顯示無效,有誰能指教一下謝謝