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＆＃39; hideShow＆＃39;显示直到它被点击，然后再也不会再在那台机器上？

如果您需要更多详细信息，请与我们联系。提前致谢罗布

Answer 1

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

互联网浏览器javascript style.height无法正常工作

1 个答案: