HTML .style visibility: hidden无效

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";

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

我该怎么办？

- leonylyner

---

你尝试过使用display:none而不是visibility:hidden吗？ - R. Arnone

切换可见性的机制是什么？理想情况下，您应该将所有样式放在单独的样式表中。内联样式不稳定/难以维护。 - ghost_dad

@R. Amone 是的，我试过了，还是不起作用。 - leonylyner

@ghost_dad 假设当我点击内层时，它会将chatdiv2的可见性设置为可见，而点击外层时将chatdiv2的可见性设置为隐藏。默认情况下，它的可见性是隐藏的，因此outlayer应该是“hidden”。但实际上并不是这样。 - leonylyner

你能否在 jsfiddle 中制作一个基本版本的网站，这样我们就有东西可以玩耍了吗？ - R. Arnone

Answer 1

请使用display:none;代替设置visibility。此外，chatdiv2目前显示visibility:visible。

- Paranpreet Singh

---

在chatdiv2上显示visibility: visible是什么意思？因为我已经加了style="background-color:#003333; padding:5; height:18; font-size:16px; color:#CCCCCC; visibility:hidden"。 - leonylyner

在检查器中显示visibility: visible;。不过，为什么不使用display:none呢？ - Paranpreet Singh

尝试添加display:none !important;，以防其他元素覆盖它。 - Paranpreet Singh

我尝试添加了这个，甚至将它上传到网站并使用F12进行检查。它显示为display:none，但是div2仍然出现在网站上... - leonylyner

可以发布一下检查器的截图吗？因为在我的电脑上，网站没有显示任何针对 div 元素的 display:none 样式。 - Paranpreet Singh

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> 分号<code>;</code> 应该在样式引号内部:
<div ... style="...";></div> <!--错误的方法-->
<div ... style="...;"></div> <!--正确的方法-->

如果您需要更多帮助，我很乐意为您提供帮助。

- seanysean