在制作tab切换时,遇到了一个问题,切换时,想要实现的效果是如图的效果:
在切换时,下边框一擦隐藏,上、左、右的边框显示
问题:原本是在ul上添加的border-bottom,li设置为margin-bootom:-1px(注:li的宽度是a标签撑起来的)
.active中的a标签的下边框添加,然后设置下边框是透明的,或者白色的,但是无论怎样设置都不行,ul的下边框都会显示
解决:在ul外包一个div,然后设置div的border-bottom,就可以达到想要的效果了
在制作tab切换时,遇到了一个问题,切换时,想要实现的效果是如图的效果:
在切换时,下边框一擦隐藏,上、左、右的边框显示
问题:原本是在ul上添加的border-bottom,li设置为margin-bootom:-1px(注:li的宽度是a标签撑起来的)
.active中的a标签的下边框添加,然后设置下边框是透明的,或者白色的,但是无论怎样设置都不行,ul的下边框都会显示
解决:在ul外包一个div,然后设置div的border-bottom,就可以达到想要的效果了