我正在尝试实现一些简单的工具提示(TipTip)效果,但是出于某些奇怪的原因,我无法使其正常工作:
http://basenharald.nl/3d/
单击pssst,您将在其中看到一些社交图标。我正在尝试在Facebook图标上创建工具提示。将href包裹在其周围(为红色边框进行测试)。
现在,当我将href悬停时,工具提示只会出现在href元素的底部。
我不明白为什么这样做。因为边框清楚地表明href完全包裹在图标周围。
一些帮助,将不胜感激。
到目前为止,我尝试设置:高度,z-index,display:block(使布局散开),浮动。似乎没有任何作用。
此外。我希望工具提示出现在底部。只要我不向右滚动,这就可以正常工作。滚动到右侧时,它在左侧出现,并且布局中断。
提前致谢!
最佳答案
您有一个带有class =“ tab”的div,可以覆盖面板(z-index:999)。