发表于: 2017-03-12 23:32:57
1 653
今天完成的事情;task8首页部分基本完成,页面大部分使用栅格系统制作,听方便的,还有个别地方需要改进,这4个小点,鼠标不经过的时候是没有颜色的,是这样的,该怎么做没什么思路
明天计划做的事;继续战略合作企业页面的布局
遇到的问题;在为导航栏添加hover时遇到了问题,开始hover的是a标签的下划线,回头看原图发现不是下划线,然后hover添加下边框
li .nav-a:hover {border-bottom:2px solid white;}
但是效果出来会抖动,原因是因为鼠标经过时hover添加了一个下边框,这样就会把高度撑起来,页面就会抖动,解决方法:把标签提前添加上border-bottom: 2px solid #29b078;(下边框,和hover的下边框是一样的,但是颜色设置成导航栏的背景颜色,也就相当隐藏起来了,然后添加li .nav-a:hover {border-bottom:2px solid white;}就ok了。
收获;又熟悉了一种hover的使用方式
评论