在纯CSS中应该使用哪些属性隐藏下拉菜单？

对下拉菜单进行编码时，通常会显示以下属性：

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

---

要隐藏下拉列表，使用可见性、不透明度、显示和负片定位之间有什么区别？这四个属性是否应该一起使用，或者这些属性中的某些属性在组合时只是多余的？最有效的方法是什么？为什么？

要隐藏/显示菜单，通常只需使用display。 有了不透明度，你就不会完全隐藏它，而是透过它看一点，看看它背后是什么。

---

我不确定本例中的可见性是什么。

请阅读：display:none；不止如此。正如你所知，包含“最佳”的问题通常是基于观点的。在这种情况下，正如大多数人所同意的那样，情况并没有那么糟糕，但在未来尽量避免它们。我同意@SamDenton。一般来说，“最佳实践”的问题是离题的，但尽管有这样的措辞，我认为这是一个关于编码的足够具体的问题，在这里会有有用的问答材料。更多的是关于属性之间的区别。我投票决定让它保持打开状态。@AdiInbar使用edit更好我知道display:none和visibility:hidden结合在一起，它们在屏幕阅读器和浏览器中隐藏了一个元素（h5bp.com/u）。仅使用可见性：hidden在视觉上和屏幕阅读器上隐藏元素，但保持布局。