使用CSS点击显示/隐藏div

前端之家收集整理的这篇文章主要介绍了使用CSS点击显示/隐藏div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个菜单和三个隐藏的div显示,取决于用户选择什么选项.我想使用CSS来点击显示/隐藏他们.我现在正在使用jquery,但是我希望可以使用js禁用它.有人在这里为其他人提供了 this code,但它只适用于div:hover或div:active,当我将其更改为div时:访问不起作用.我需要添加一些东西,也许这不是正确的方法吗?我感谢任何帮助:)

事情是我的客户希望这个特定的div在选择菜单时滑动/淡出,但是我仍然希望它们在javascript被关闭时正确显示.也许z-index可以做窍门?

解决方法

CSS没有一个onlclick事件处理程序.你必须使用Javascript.

查看更多信息在这里CSS伪类:http://www.w3schools.com/css/css_pseudo_classes.asp

a:link {color:#FF0000;}    /* unvisited link - link is untouched */
a:visited {color:#00FF00;} /* visited link - user has already been to this page */
a:hover {color:#FF00FF;}   /* mouse over link - user is hovering over the link with the mouse or has selected it with the keyboard */
a:active {color:#0000FF;}  /* selected link - the user has clicked the link and the browser is loading the new page */

猜你在找的CSS相关文章