本节简介:利用定位布局制作带有下拉框的导航条效果。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
因为导航下拉列表的宽度影响到上面的导航栏宽度,所以给下拉列表添加一个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的子集、孙子集等
不知为什么**作是隐藏下拉框以后,设置鼠标移入时以块的形式显示无效,有谁能指教一下谢谢