名孩库网站完成+内核
自习室呆了半天终于做的差不多了,底部导航栏就不写了。
轮播图,要想让小点在轮播图内显示,要给它们的父级盒子相对定位relative
ul
li imgli
ul
ol
li a href=”#img” li
ol
盒子里的ul装照片,要让ul里的每个li都有自己的绝对定位absolute,然后ul是li的父级,所以给ul一个相对定位,要给父级盒子设置高度和overflow:hidden。
目的是要让装小点的ol在轮播图中显示出来,所以要给ol绝对定位。
ul li:target{
z-index:1
}
/当ul里的某个li被锚点定位时,所要执行的代码/
鼠标经过小点时,轮播图的层级数就为1,这时候我们的目的是要让ol在轮播图中显示出来,所以层级数要比轮播图高。
ol {
z-index:999;
}
五大浏览器内核
Trident,IE的内核,美其名曰 “兼容模式”。
Gecko ,火狐浏览器内核,代码开放 速度慢
Webkit ,安卓默认浏览器
Blink ,大部分国产浏览器最新版都采用Blink内核, Chrome
Presto ,没有网页的兼容性
娜娜米?榻榻米?
???????