关于2-10作业题

使用position:fixed固定定位，这样就可以固定在页面顶部了，但直接使用会导致在正常文档流中不占位了，也就是高度为零。此时需要在header下再写一个div，设置高度和header的高度相等，就能解决这个问题。还有一点，banner图区域设置了遮罩，这就可能导致header条在经过banner区时被覆盖在遮罩下面从而蒙上一层阴影，那么在设置了定位的情况下，你就可以通过设置z-index来提高header的展示层级，避免被遮罩覆盖的现象发生。