css - 如何将自定义形状或背景添加到当前菜单项的底部

标签 css nav pseudo-element

我想在当前事件的 <li> 下面添加一些粗线元素。问题是,我无法正确设置它。我希望下面的线继承其各自的宽度 <li>或者至少要居中......

这是我的 fiddle

非常感谢

最佳答案

如果你想让一个绝对定位的元素继承它父元素的宽度,你需要相对定位那个父元素。更多信息 here .对于您的情况,您需要:

  1. position:relative;添加到.nav li
  2. 添加宽度:100%; left:0; 并在 nav li.current a:after, nav li a:hover:after
  3. margin-left: -6em; >

FIDDLE

关于css - 如何将自定义形状或背景添加到当前菜单项的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23107074/

相关文章:

HTML:边距自动不适用于导航栏

javascript - 导航菜单 JQuery 问题

javascript - 删除水平滚动条

css - 在社交图标悬停状态上旋转阴影

javascript - Bxslider 不开火

html - 如何去除背景图片和导航栏之间的白色间隙

html - Twitter bootstrap 下拉事件导航创建一个白色区域并且看起来很奇怪

html - CSS如何垂直对齐伪元素内的文本

html - 使用伪元素时浏览器之间的绝对定位不同

css -::在 Firefox 中输入之前