Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 顶部带有三角形的超大菜单_Css_Bootstrap 4_Drop Down Menu_Megamenu - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 顶部带有三角形的超大菜单

Css 顶部带有三角形的超大菜单

css bootstrap-4 drop-down-menu

Css 顶部带有三角形的超大菜单,css,bootstrap-4,drop-down-menu,megamenu,Css,Bootstrap 4,Drop Down Menu,Megamenu,我使用的是带有超大下拉菜单的引导v4.4.1navbar 我想在下拉菜单的顶部添加一个三角形。我已经知道了如何添加三角形，但是我无法在父导航链接中居中三角形，而不是使用mega菜单和/或下拉菜单居中。关于如何使三角形相对于父元素居中，您有什么想法吗 。下拉菜单：：之前{ 边框底部：10px实心#002a54； 左边框：10px实心rgba（0,0,0,0）； 右边框：10px实心rgba（0,0,0,0）； 内容：“； 显示：内联块； 左：50%； 位置：绝对位置； 底部：-12px； } 如果

我使用的是带有超大下拉菜单的引导v4.4.1navbar

我想在下拉菜单的顶部添加一个三角形。我已经知道了如何添加三角形，但是我无法在父
导航链接中居中三角形，而不是使用mega菜单和/或下拉菜单居中。关于如何使三角形相对于父元素居中，您有什么想法吗


。下拉菜单：：之前{
边框底部：10px实心#002a54；
左边框：10px实心rgba（0,0,0,0）；
右边框：10px实心rgba（0,0,0,0）；
内容：“；
显示：内联块；
左：50%；
位置：绝对位置；
底部：-12px；
}

如果您想将traignle与父级
.nav link
居中，恐怕您必须稍微改变一下样式。其思想是将
.nav link
设置为相对位置，并将其
：before
设置为三角形，并将其位置设置为绝对位置

超大菜单布局



    

  • 

    
截图

    
演示：