Javascript 可单击下拉式不可见DIV

我正在尝试制作一个可点击的下拉菜单，类似于谷歌上的下拉菜单，在那里你可以点击你的用户名，然后出现一个菜单，你可以注销。我使用一个隐藏的div构建了这个菜单，然后通过onClick和javascript使其可见以更改CSS。但是如果你突出显示整个页面，就会显示不可见的div，我不喜欢它的外观。谷歌的数据没有显示出来。有没有其他方法可以在不使用隐藏div的情况下获得相同的效果？谢谢

---

编辑：当我说“突出显示”时，我的意思是如果您使用crtl+a，请使用display:none；而不是你用的任何东西

<div class="test"></div>

.test {
display:none;
}

.测试{
显示：无；
}

使用显示：无；而不是你用的任何东西

<div class="test"></div>

.test {
display:none;
}

.测试{
显示：无；
}

一个例子：

一个例子：

@keoki我唯一能看到的地方是，如果你登录到一个谷歌账户，并访问位于右上角的www.google.com itsbar@keoki我唯一能看到的地方是，如果你登录谷歌账户，进入www.google.com，它位于右上角，巴里知道了，但是我该怎么改变显示：none改为none才能显示div？您可以将其更改为显示：block；或者什么的，或者干脆让它移除显示：无；。如果看不到你正在做什么，我不知道什么是最好的解决方案。@user780483:Richard完全在这里。您不应该使用“visibility”属性，因为在跨浏览器编码时这是一个难题（也许自从我上次使用它以来，这一问题已经得到了解决，尽管我对此表示怀疑）。您应该编写JS代码，以便在

display:none和
显示：块（或内联或任何其他默认显示方法）。我知道了，但要显示div，我要将display:none更改为什么？您可以将其更改为display:block；或者什么的，或者干脆让它移除显示：无；。如果看不到你正在做什么，我不知道什么是最好的解决方案。@user780483:Richard完全在这里。您不应该使用“visibility”属性，因为在跨浏览器编码时这是一个难题（也许自从我上次使用它以来，这一问题已经得到了解决，尽管我对此表示怀疑）。您应该编写JS代码，以便在
display:none和
显示：块（或内联或任何其他默认显示方法）。