Internet Explorer javascript style.height无法正常工作

Question

我正在尝试为网站创建Cookie策略警报，就像在屏幕顶部的栏一样简单。 这个想法是用户必须在栏消失之前单击关闭。 该概念在谷歌浏览器中可以正常工作，但是在Internet Explorer 9中，单击时不会改变其高度。

这是我的代码（我知道这是基本代码，但不幸的是，这必须归功于企业使用的平台-

<script language=javascript type='text/javascript'> 
function hideDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideShow').style.height= '0px'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideShow.height= '0px'; 
} 
else { // IE 4 
document.all.hideShow.style.height= '0px'; 
} 
} 
} 

function showDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideShow').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideShow.visibility = 'visible'; 
} 
else { // IE 4 
document.all.hideShow.style.visibility = 'visible'; 
} 
} 
} 
</script> 

<style>
#hideShow{
color:white;
font-family:Gill Sans MT;
text-align:center;
font-height:20px;
</style>

<div id="hideShow" ..etc> 
My content 
<a href="javascript:hideDiv()">Close</a> 
</div> 

另外，如果有人那么善良，请您解释一下我如何进行设置，以便div'hideShow'一直显示到被单击为止，然后再也不会在该计算机上显示？

如果您需要更多详细信息，请告诉我。 在此先感谢Rob

Answer 1

问题是必须在hideShow CSS中定义高度。 以及字体大小。 然后，JavaScript必须将height和fontSize设置为0px。