如何放置工具提示叠加，使其不被openlayers地图裁剪

// 创建工具提示元素
var tooltip = document.createElement('div');
tooltip.className = 'tooltip';
tooltip.innerHTML = '这是工具提示';

// 设置工具提示样式
tooltip.style.position = 'absolute';
tooltip.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';
tooltip.style.border = '1px solid #ccc';
tooltip.style.padding = '5px';

// 添加工具提示到地图容器
var mapContainer = document.getElementById('map');
mapContainer.appendChild(tooltip);

// 监听鼠标移动事件
map.on('pointermove', function(event) {
  // 获取鼠标位置
  var coordinate = event.coordinate;

  // 更新工具提示位置
  tooltip.style.left = coordinate[0] + 'px';
  tooltip.style.top = coordinate[1] + 'px';

  // 处理工具提示超出地图范围的情况
  var tooltipRect = tooltip.getBoundingClientRect();
  var mapRect = mapContainer.getBoundingClientRect();
  if (tooltipRect.right > mapRect.right) {
    tooltip.style.left = (mapRect.right - tooltipRect.width) + 'px';
  }
  if (tooltipRect.bottom > mapRect.bottom) {
    tooltip.style.top = (mapRect.bottom - tooltipRect.height) + 'px';
  }
});

// CSS样式
<style>
  .tooltip {
    z-index: 9999;
  }
</style>