不能排隊jQuery UI的手風琴

我不能得到的圖標來這裏的文字排隊的圖標是一個小提琴：jquery accordion 不能排隊jQuery UI的手風琴

我很高興與代碼的其餘部分只需要一線圖標了，我已經試過針對由jquery中的圖標創建的span標籤，但我沒有想到會丟失一些東西。

2012-06-27 Ashley Briscoe

看看我的答案。您需要刪除塊顯示和左邊填充。 :) –

更改display: block到display: inline-block這裏：

#helpmenu h3 a { padding-right: 5px; color: #666; display: inline-block; padding-top: 8px; padding-bottom: 8px; text-decoration: none; padding-left: 18px;}

，也拆除padding-left。另外，用這個IE 7兼容性：

*display: inline; *zoom: 1; /* Display Inline Block in IE 7 */

更新小提琴：http://jsfiddle.net/kZkTV/3/

來源

2012-06-27 08:55:36

這與** IE 7 **，** IE 8 **一起使用!!! :) –

行內塊在所有瀏覽器中都無法正常工作。你應該小心它。 – RJD22

@ RJD22：我已經添加了'inline-block'的兼容性。請檢查。 :)我只是檢查了IE 7，IE 8，IE 9，FF 12，GC 19！ –

http://jsfiddle.net/kZkTV/2/

我改變了#helpmenu h3 a到display: inline-block代替並加入vertical-align: middle。這應該工作，除非你需要支持非常舊的IE版本。

您可能還想對這裏或那裏的填充進行一些小的更新，特別是對:first-child（一個CSS2僞類）。

來源

2012-06-27 08:57:08

您應該將圖標浮起。這樣他們不會影響a。 http://jsfiddle.net/kZkTV/4/

.closedacc { background: url(http://www.somesite.com/dataimages/static/faq/menuarrow-blue.jpg) no-repeat 0 9px; padding-top: 2px; padding-botttom: 2px; padding-left: 18px; float: left; width: 16px; height: 16px;}

來源

2012-06-27 08:57:39 RJD22

不能排隊jQuery UI的手風琴

回答

相關問題