悬停状态时显示工具提示按钮底部

Question

这是我的网站link

在按钮的第一行，当悬停时，显示工具提示并隐藏了一些背景图像。

所以我需要只在第一行显示按钮的底部。

我试过这个css：

{{1}}

我可以知道，我该怎么做？

任何帮助都将受到高度赞赏。

提前致谢。

Answer 1

您只需要更改工具提示的位置。

我已经改变了箭头方向（从 border-top 到 border-bottom ）：

border-bottom-color: #000;
border-bottom-color: hsla(0, 0%, 20%, 0.9);

我已经改变了工具提示本身的位置：

bottom: -60px;

这是工作小提琴：http://jsfiddle.net/alessiozuccotti/zbbf7cp2/3/

如果您希望它仅影响第一行，请在这些元素上应用一个类，或者，如果它们被分组为行（不同元素），则在第一行添加一个类，以便您可以定位子元素。 / p>

Answer 2

dhtmltooltip {

position: absolute;

width: 150px;

border: 2px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}

enter link description here