小箭头实现与设计图不同
来源：2-3 页面顶部的开发（2）
慕哥1082855
2021-10-09 22:55:24
设计图高度是同一高度，实现的时候不同，实现是相当于翻上去了
写回答
1回答
-
同学你好，老师使用源码测试，小箭头的高度几乎是一直的，如下图所示：
因为老师这里是使用css实现的箭头效果，允许存在些许的误差，如果想要保持在同一高度上，可以在鼠标移入的时候结合translateY属性值，让箭头适当的向下移动一点，与其他箭头保持在同一水平线上，示例：
修改后箭头基本就保持在同一高度了，如下：
如果还有问题，可以将你写的相关完整代码全部粘贴过来，老师帮助测试调整下。
祝学习愉快~
0
相似问题
用伪类怎么实现两个小箭头
回答 1
关于导航栏上的箭头
回答 1