头闻号

山东奥纳化工有限公司

填充剂|脱模剂|其他合成材料助剂|其他未分类|增塑剂|阻垢剂

首页 > 新闻中心 > 科技常识:css解决font
科技常识:css解决font
发布时间:2024-11-15 09:22:42        浏览次数:3        返回列表

今天小编跟大家讲解下有关css解决font-weight:blod跳动问题的解决 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css解决font-weight:blod跳动问题的解决 的相关资料,希望小伙伴们看了有所帮助。

需求:实现鼠标悬停在链接上时 链接字体加粗的功能。

实现方式1:

a:hover{font-weight:blod}

结果鼠标悬停的时候 页面会有跳动的现象。因为改变字体的时候改变了元素的大小 所以引起了页面的重排 所以会有跳动的现象。

实现方式2:

a:hover{text-shadow: 1px 0 0 currentColor;}

效果对比:

以上就是本文的全部内容 希望对大家的学习有所帮助 也希望大家多多支持爱蒂网。

来源:爱蒂网