css3水平手风琴

css3水平手风琴,css,horizontal-accordion,Css,Horizontal Accordion,我想知道jQuery是否提供了一种简单的水平手风琴。。。很像他们提供常规手风琴功能的方式。在搜索web后,有一些插件可用。但是,我打开了一个水平的手风琴,它完全使用CSS 3。可以找到它的一个演示,因为我对CSS 3还是有点陌生,我仍然不完全确定它是如何工作的。我能根据自己的喜好来设计它。但是,就幻灯片效果而言,似乎 .accordion>ul>li>div 在选项卡关闭时仍然可见。你可以找到我问题的一个有效例子。我曾使用firebug试图了解发生了什么,并认为它可能与z索

我想知道jQuery是否提供了一种简单的水平手风琴。。。很像他们提供常规手风琴功能的方式。在搜索web后,有一些插件可用。但是,我打开了一个水平的手风琴,它完全使用CSS 3。可以找到它的一个演示,因为我对CSS 3还是有点陌生,我仍然不完全确定它是如何工作的。我能根据自己的喜好来设计它。但是,就幻灯片效果而言,似乎

.accordion>ul>li>div 
在选项卡关闭时仍然可见。你可以找到我问题的一个有效例子。我曾使用firebug试图了解发生了什么,并认为它可能与z索引有关。但是,这对我来说没什么作用

谢谢


Lance

您需要在
.accordion>ul>li>div
上设置背景色。现在它是透明的,因此下面的一切都是“闪亮”的。

< P>我想你指的是站点中间的标签,在“统计”里面:“每磅游戏”,“每场篮板球”等等…

我试着修改你的css并放置下一个属性,我认为它是有效的:)

.accordion>ul>li{位置:相对;}
.accordion>ul>li div{位置:相对;背景色:#fff;}
谢谢。我觉得事情就这么简单。我想我只是需要一双新鲜的眼睛。
.accordion > ul > li {position:relative;}<br/>
.accordion > ul > li div {position:relative;background-color:#fff;}