Css 如何更改工具提示三角形的垂直位置

/*工具提示*/
[工具信息]{
位置：相对位置；
z指数：2；
光标：指针
}
[工具信息]：之后，
[工具信息]：之前{
可见性：隐藏；
不透明度：0；
指针事件：无
}
[工具信息]：之前{
位置：绝对位置；
最高：99%；
左：50%；
边缘底部：5px；
左边距：-37像素；
填充：7px；
宽度：300px；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景色：#000；
背景色：hsla（0,0%，20%，0.9）；
颜色：#fff；
内容：属性（刀具信息）；
文本对齐：居中；
字体大小：14px；
线高：1.2
}
[工具信息]：之后{
位置：绝对位置；
最高：76%；
左：185%；
左边距：-5px；
宽度：0；
边框顶部：5px实心#000；
边框顶部：5px实心hsla（0,0%，20%，0.9）；
右边框：5px实心透明；
左边框：5px实心透明；
内容：“；
字号：0；
线高：0
}
[工具信息]：悬停：在，
[工具信息]：悬停：在{
能见度：可见；
不透明度：1
}

---

相应地调整边框宽度：

/*工具提示*/
[工具信息]{
位置：相对位置；
z指数：2；
光标：指针
}
[工具信息]：之后，
[工具信息]：之前{
可见性：隐藏；
不透明度：0；
指针事件：无
}
[工具信息]：之前{
位置：绝对位置；
最高：99%；
左：50%；
边缘底部：5px；
左边距：-37像素；
填充：7px；
宽度：300px；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景色：#000；
背景色：hsla（0,0%，20%，0.9）；
颜色：#fff；
内容：属性（刀具信息）；
文本对齐：居中；
字体大小：14px；
线高：1.2
}
[工具信息]：之后{
位置：绝对位置；
最高：76%；
左：185%；
左边距：5px；
宽度：0；
身高：0；
边框样式：实心；
边框宽度：0 5px 5px 5px；
边框颜色：透明透明hsla（0,0%，20%，.9）透明；
内容：“；
字号：0；
线高：0
}
[工具信息]：悬停：在，
[工具信息]：悬停：在{
能见度：可见；
不透明度：1
}

---

要使箭头指向顶部（当使用

边框时），您必须使所有四个
边框大小相同且透明，并且只有底部有颜色

下面是一个例子：


/*工具提示*/
[工具信息]{
位置：相对位置；
z指数：2；
光标：指针
}
[工具信息]：之后，
[工具信息]：之前{
可见性：隐藏；
不透明度：0；
指针事件：无
}
[工具信息]：之前{
位置：绝对位置；
顶部：计算值（100%+5px）；
左：50%；
边缘底部：5px；
左边距：-37像素；
填充：7px；
宽度：300px；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景色：#000；
背景色：hsla（0,0%，20%，0.9）；
颜色：#fff；
内容：属性（刀具信息）；
文本对齐：居中；
字体大小：14px；
线高：1.2
}
[工具信息]：之后{
位置：绝对位置；
底部：-5px；
/**接下来的两行用“悬停我”文本水平居中箭头**/
左：50%；
转换：translate3d（-50%，0，0）；
宽度：0；
身高：0；
边框：5px实心透明；/**所有边框均为5px透明**/
边框底部颜色：hsla（0,0%，20%，.9）；/**覆盖底部边框的颜色**/
内容：“；
字号：0；
线高：0
}
[工具信息]：悬停：在，
[工具信息]：悬停：在{
能见度：可见；
不透明度：1
}
切换边框顶部和边框底部的属性值，并可能使用
顶部：-5px向上移动箭头元素请检查我的，让我知道它是否适合您的需要。