HTML .style 可见性：隐藏不起作用

Question

我的div.style="visibility:hidden;不工作。即使我将其设置为隐藏，它仍然可见。

我的网站：http://iogames.ga

在右下角，内层的"聊天"按钮用于隐藏聊天，外层的按钮用于打开聊天。默认情况下，外层应隐藏。

div id="chatdiv2" style="background-color:#003333; padding:5;
height:18; font-size:16px; color:#CCCCCC; visibility:hidden";

但我不知道为什么外层仍然默认显示。

我该怎么办？

Answer 1

使用display：none；而不是设置可见性。此外，目前它正在显示可见性：在chatdiv2上可见，这很重要。

Answer 2

div id="chatdiv2" style="background-color:#003333; padding:5; height:18; font-size:16px; color:#CCCCCC; visibility:hidden";

如果这是整个代码，那就是糟糕的语法。div前面和后面应该有一个<，如本例所示：<div ...>并且应该有一个结束<div>标签：<div ...></div>分号;应位于样式引号内：
<div ... style="...";></div> <!--The wrong method-->
<div ... style="...;"></div> <!--The right method-->

如果你需要更多的帮助，我很乐意帮助你。