CSS/google geochart 将工具提示粘贴到框底部

Question

我正在使用 Google Geochart 生成 map (工作正常)，但客户希望工具提示贴在包装 div 的底部。

JSFiddle

将鼠标悬停在深灰色区域上，工具提示将出现在 map 左下方，但如果您切换到另一个国家，例如加拿大和美国，工具提示会轻微移动。

CSS:

.google-visualization-tooltip{
   position:fixed !important;
   bottom:10000px !important;
   left:0 !important;
   margin:500px 0 0 0 !important;
  }

有什么方法可以满足我的需求吗？

Answer 1

更改您的 CSS 以固定从页面顶部开始的位置，而不是底部:

.google-visualization-tooltip{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin: 500px 0 0 0 !important;
}

http://jsfiddle.net/asgallant/95f5A/1/