显示:隐藏的CSS不起作用

时间:2012-06-18 19:07:33

标签: html css

我正在尝试在页面加载时隐藏列表的一部分。
特别是我的HTML的sdt_wrap类。
我知道显示:隐藏在正确的位置,它只是没有隐藏价值

这是CSS:

ul.sdt_menu li span.sdt_wrap{
    position:absolute;
    top:25px;
    left:50px;
    width:170px;
    height:150px;
    z-index:501;
    display: hidden;
}

3 个答案:

答案 0 :(得分:13)

hidden不是display的有效值。您正在寻找none,如:

ul.sdt_menu li span.sdt_wrap{
    display:none;
}

<强>文档

MDN上的

CSS display - https://developer.mozilla.org/en/CSS/display

答案 1 :(得分:8)

display:nonevisibility:hidden。 'hidden'不是'display'的有效值。

答案 2 :(得分:0)

使用visibility:hidden;或 opacity: 0; 属性