openlayers 使用Overlay添加popup图层在地图上不显示

今天想在openlayers地图上添加popup弹出层显示信息，从官网案例中复制过来的代码，点击居然没反应，但是html元素上已经加载上，但就是页面上没有，所以我扒拉扒拉元素，原来是给display:none隐藏了，吐血。。。

我的解决办法是
 

var container = document.getElementById('popup');
var content = document.getElementById('popup-content');
var closer = document.getElementById('popup-closer');

var overlay = new Overlay({
   element: container
});

leftMap.addOverlay(overlay)

closer.onclick = function () {
   overlay.setPosition(undefined);
   closer.blur();
   return false;
};

leftMap.on('singleclick', function (evt) {

   // === 解决办法 ===
   overlay.getElement().parentNode.style.display = 'block'
   overlay.getElement().parentNode.parentNode.style.display = 'block'
   // ================

   var coordinate = evt.coordinate;
   var hdms = toStringHDMS(toLonLat(coordinate));

   content.innerHTML = '<p>You clicked here:</p><code>' + hdms + '</code>';
   overlay.setPosition(coordinate);
});

最终效果