gpt4 book ai didi

html - 下拉列表中的三 Angular 点显示不正确

转载 作者:太空宇宙 更新时间:2023-11-03 23:24:04 26 4
gpt4 key购买 nike

我希望三 Angular 形指针在父菜单和下拉菜单之间留出足够的空间。

我想要的是如下:
enter image description here我所做的如下:

enter image description here

三 Angular 形的 CSS

 .sf-menu ul li:first-child a:after {
content: '';
position: absolute;
left: 40px;
top:-0.01px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #072438;


}

js fiddle :

http://jsfiddle.net/2athcwe9/

最佳答案

你只需要调整 ul 和箭头上的 top 值:

.sf-menu ul li:first-child a:after {
content: '';
position: absolute;
left: 40px;
top:-10px; <-------
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #072438;
}

.sf-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 63px; <---------------------
left: 0;
z-index: 99999;
background-color: #2D2D2D;
border-bottom:none;
/* background-image: linear-gradient(#444, #111); */
/*-moz-border-radius: 5px;*/
/*border-radius: 5px;*/
}

FIDDLE

关于html - 下拉列表中的三 Angular 点显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27736712/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com