css - 应该使用哪个属性来隐藏纯 CSS 中的下拉菜单？

Question

编写下拉菜单时，通常会出现这些属性:

.dropdown {
    position: absolute;
    visibility: hidden;
    opacity: 0; filter: alpha(opacity=0); /* IE8 and lower */
    display: none;
    left: -999em;
    z-index: 99;
}

要隐藏下拉，使用visibility、opacity、display和negative positioning?应该将它们全部四个一起使用，还是其中一些属性在组合时只是多余的？最有效的方法是什么，为什么？

Answer 1

要隐藏/显示菜单，通常只需使用 display。 使用不透明度，您不会完全隐藏它，但可以透过它看到一点，看看它背后的东西。 我不确定此示例中的可见性是什么。