莽石、前端开发

连续的高温天气让人变得焦躁不安，没有了心情去工作。今天决定修改自己博客的导航条，把以前的只有一个banner的形式改成banner+Navigation的形式，丰富一下自己的博客。

（修改之前的形式）

（修改之后的形式）

用Photoshop切图完事后，Css定义样式的时候遇到一个不解的问题：现象是第一个导航按钮显示不出来，其他的都修改定义成功。唯独第一个导航按钮不显示，找了很多原因最后归结为Position属性改成absolute，相对位置改成绝对位置就成功显示了。

#banner li {
position:absolute;
}
#banner li a {
color:#FFFFFF;
display:block;
overflow-x:hidden;
overflow-y:hidden;
position:relative 改成 absolute;
 
}