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

相反使用hidden="true"你可以使用display="none"如果你想制作div并且它的ocupes消失的空间，或者你可以使用visibility="hidden"如果你只想使div消失。

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

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

2 个答案: