CSS / google geochart stick工具提示到框底部

时间:2014-06-15 20:20:08

标签: css google-visualization absolute

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

JSFiddle

将鼠标悬停在深灰色区域上,工具提示将显示在地图下方的左下方,但如果您切换到其他国家/地区,例如加拿大和美国,工具提示会稍微移动。

CSS:

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

有办法做我需要的吗?

1 个答案:

答案 0 :(得分:2)

更改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/