Html 提示-如何更改位置悬停效果

我已尝试使用帮助提示添加到我的网站脚本。我想要改变位置悬停效果，因为现在是错误的。有人帮我吗？我该怎么办

在这里，我添加了具有当前效果的屏幕：

我在这里粘贴+/-预期结果：

。帮助提示{
位置：绝对位置；
顶部：55px；
右：11px；
文本对齐：居中；
背景色：#BCDBEA；
边界半径：50%；
宽度：24px；
高度：24px；
字体大小：14px；
线高：26px；
游标：默认值；
}
.帮助提示：在{
内容：“？”；
字体大小：粗体；
颜色：#fff；
}
.帮助提示：悬停p{
显示：块；
变换原点：100%0%；
-webkit动画：fadeIn 0.3s轻松输入输出；
动画：fadeIn 0.3s缓进缓出；
}
.帮助提示{/*工具提示*/
显示：无；
文本对齐：左对齐；
背景色：#1E2021；
填充：60px；
宽度：300px；
位置：绝对位置；
边界半径：3px；
盒影：1px1px1pRGBA（0,0,0,0.2）；
右：-4px；
颜色：#FFF；
字体大小：13px；
线高：1.4；
}
.帮助提示p:在{/*工具提示指针之前*/
位置：绝对位置；
内容：''；
宽度：0；
身高：0；
边框：6px实心透明；
边框底色：#1E2021；
右：10px；
顶部：-12px；
}
.help提示p:{/*之后可防止隐藏工具提示*/
宽度：100%；
高度：40px；
内容：''；
位置：绝对位置；
顶部：-40px；
左：0；
}
/*CSS动画*/
@-webkit关键帧fadeIn{
0% { 
不透明度：0；
变换：比例（0.6）；
}
100% {
不透明度：100%；
变换：比例（1）；
}
}
@关键帧淡入淡出{
0%{不透明度：0；}
100%{不透明度：100%；}
}

MSRP-苏格洛瓦纳斯普泽达和普泽兹生产商

您可以通过更改

工具提示的
绝对位置来更改此设置

您需要将
工具提示移动到问号上方，然后翻转工具提示的指针。此代码应该修复它：

.help-tip p {
  bottom: 30px;
}


.help-tip p:before {
  right: 10px;
  bottom: -12px;
  transform: rotate(180deg);
}

它会将工具提示移到问题上方。我添加了代码来更改
：before
，使指针位于下方而不是上方，然后将其旋转。
您可以通过更改
工具提示的
绝对位置来更改此设置

您需要将
工具提示移动到问号上方，然后翻转工具提示的指针。此代码应该修复它：

.help-tip p {
  bottom: 30px;
}


.help-tip p:before {
  right: 10px;
  bottom: -12px;
  transform: rotate(180deg);
}

它会将工具提示移到问题上方。我添加了代码来更改
：before
，使指针位于下方而不是上方，然后将其旋转。
只需更改.help tip和.help tip:before的css即可


。帮助提示{
位置：绝对位置；
顶部：55px；
右：11px；
文本对齐：居中；
背景色：#BCDBEA；
边界半径：50%；
宽度：24px；
高度：24px；
字体大小：14px；
线高：26px；
游标：默认值；
}
.帮助提示：在{
内容：“？”；
字体大小：粗体；
颜色：#fff；
}
.帮助提示：悬停p{
显示：块；
变换原点：100%0%；
-webkit动画：fadeIn 0.3s轻松输入输出；
动画：fadeIn 0.3s缓进缓出；
}
.帮助提示{
显示：无；
文本对齐：左对齐；
背景色：#1E2021；
填充：10px；
宽度：300px；
位置：绝对位置；
边界半径：3px；
盒影：1px1px1pRGBA（0,0,0,0.2）；
右：-4px；
顶部：-60px；
颜色：#FFF；
字体大小：13px；
线高：1.4；
}
.帮助提示p：以前{
位置：绝对位置；
内容：''；
宽度：0；
身高：0；
变换：旋转（178度）；
边框：6px实心透明；
边框底色：#1E2021；
右：10px；
底部：-12px；
}
.help提示p:{/*之后可防止隐藏工具提示*/
宽度：100%；
高度：40px；
内容：''；
位置：绝对位置；
顶部：-40px；
左：0；
}
/*CSS动画*/
@-webkit关键帧fadeIn{
0% { 
不透明度：0；
变换：比例（0.6）；
}
100% {
不透明度：100%；
变换：比例（1）；
}
}
@关键帧淡入淡出{
0%{不透明度：0；}
100%{不透明度：100%；}
}


MSRP-苏格洛瓦纳斯普泽达和普泽兹生产商

只需更改.help tip和.help tip的css:before


。帮助提示{
位置：绝对位置；
顶部：55px；
右：11px；
文本对齐：居中；
背景色：#BCDBEA；
边界半径：50%；
宽度：24px；
高度：24px；
字体大小：14px；
线高：26px；
游标：默认值；
}
.帮助提示：在{
内容：“？”；
字体大小：粗体；
颜色：#fff；
}
.帮助提示：悬停p{
显示：块；
变换原点：100%0%；
-webkit动画：fadeIn 0.3s轻松输入输出；
动画：fadeIn 0.3s缓进缓出；
}
.帮助提示{
显示：无；
文本对齐：左对齐；
背景色：#1E2021；
填充：10px；
宽度：300px；
位置：绝对位置；
边界半径：3px；
盒影：1px1px1pRGBA（0,0,0,0.2）；
右：-4px；
顶部：-60px；
颜色：#FFF；
字体大小：13px；
线高：1.4；
}
.帮助提示p：以前{
位置：绝对位置；
内容：''；
宽度：0；
身高：0；
变换：旋转（178度）；
边框：6px实心透明；
边框底色：#1E2021；
右：10px；
底部：-12px；
}
.help提示p:{/*之后可防止隐藏工具提示*/
宽度：100%；
高度：40px；