html - 需要通过 css 在事件选项卡上使用相同的下划线,就像在悬停选项卡上一样

标签 html css

当您悬停鼠标时,我需要在事件选项卡 (Domov) 上像在其他选项卡上一样使用相同的下划线。因为 border-bottom 的边框低于悬停,所以下划线看这里- https://vitas.sk/1/ (尝试在选项卡上移动鼠标以查看问题)。 - 是的,图片没有优化,因为它只是测试页面

最佳答案

(鉴于Juraj的评论,我修改我的提议:) 在 .sliding-middle-out:after 选择器上,你可以添加:

position: relative;
top: 6px;

(因为有 padding-bottom: 3px; 在 sliding-middle-out 类上)

关于html - 需要通过 css 在事件选项卡上使用相同的下划线,就像在悬停选项卡上一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48026035/

相关文章:

javascript - ng-grid:如何显示真/假值的复选框

javascript - 如何在 Angular js 中加载时隐藏元素

javascript - 如何获取 div 或图像在 div 中的位置(顶部和左侧位置)并在 CSS 中使用这些值?

jquery - 为什么这个 CSS 过渡没有完成它的移动悬停

c# - 如何在 xaml WPF 中的堆栈面板或网格上设置绝对位置

html - 垂直对齐相对内联 block 与非相对内联 block

html - CSS3 Transition/Transform 返回一个我无法理解的错误

html - 具有笛卡尔坐标系的简单可缩放 SVG 图形

javascript - 多图表选择就像谷歌云平台

python - 如何使用 python 从 HTML 页面中提取特定数据?