不能排队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的手风琴

回答

相关问题