javascript - Internet Explorer 上的可见面板 CSS

Question

我有一个基于 javascript 的网络，其中一个网格和一个地图位于同一位置。使用不同的按钮 'TABLA / MAPA' 我更改 css 属性。

 .back{
    visibility:visible;
    display:block;

}
.front{
    visibility:hidden;
    display:none;
}

正如你所看到的，默认情况下使用这个 css，我得到了两个层重叠。我也尝试了 z-index，但我什么也没得到。

https://app.prodevelop.es/gisport/cas/client-gisport/latest/

Answer 1

您可以使用 jQuery .hide() 和 .show() 方法，而不是使用 css 样式。

我为你做了一个 jsFiddle http://jsfiddle.net/zf9v4/1/

$('#div2').hide();
$('#div1').show();