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

时间:2015-07-02 06:58:49

标签: html css

这是我的网站link

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

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

我试过这个css:

{{1}}

我可以知道,我该怎么做?

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

提前致谢。

2 个答案:

答案 0 :(得分:0)

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

我已经改变了箭头方向(从 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>

答案 1 :(得分:0)

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