CSS 3水平手風琴

我想知道jQuery是否以一種簡單的方式提供了水平手風琴......就像他們提供常規手風琴功能的方式一樣。搜索網頁後有一些插件可用。但是，我被轉向了一個水平手風琴，它完全使用CSS 3進行演示。可以找到它的演示here由於我仍然對CSS 3有所瞭解，但我仍然不完全確定它是如何工作的。我已經能夠大部分符合我的喜好。但是，就幻燈片效果而言，當關閉標籤時，看起來內容仍然可見。你可以找到我的問題here的工作示例。我用螢火蟲試圖瞭解發生了什麼，並認爲它可能與z-index有關。但是，這對我來說沒有什麼好處。CSS 3水平手風琴

感謝，

蘭斯

來源

2013-02-13 Lance

您需要設置背景顏色上.accordion>ul>li>div。目前它是透明的，因此下面的所有內容都「透過」。

來源

2013-02-13 08:23:22 reinder

謝謝。我有一種感覺，那是很簡單的。猜猜我只需要一雙清新的眼睛。 – Lance 2013-02-13 08:27:26

我想你指的是標籤在網站的中間，裏面的「統計」：「每場比賽斤」，「場均籃板數」，等等

我試着修改你的CSS和把下一個屬性，我認爲它的作品:)

.accordion > ul > li {position:relative;}<br/> 
.accordion > ul > li div {position:relative;background-color:#fff;}

來源

2013-02-13 08:25:37 newpatriks

CSS 3水平手風琴

回答

相關問題