使用基础时隐藏属性不起作用

Question

我试图隐藏一个基础样式的按钮，但隐藏属性不起作用。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/foundation-5.5.1/css/foundation.css">
    <script type="application/javascript" src="../js/jquery-1.11.1.min.js"></script>
    <script type="application/javascript" src="../js/foundation-5.5.1/js/foundation.min.js"></script>
</head>
<body>

<div  class="button success" hidden="true">Button</div>
</body>
</html>

我怎么才能隐藏按钮呢？

Answer 1

试试aria-hidden="true"。在教程中阅读其他选项：

http://foundation.zurb.com/docs/components/visibility.html

Answer 2

如果你想让div和它所占的空间消失，你可以使用display="none"，或者如果你只想让div消失，你可以使用visibility="hidden"。

显示示例：display="none"可见性示例：visibility="hidden"