html - IE6 : span (inline) with background-image

Question

我正试图找到一个很好的理由来显示我的图标。

我想使用 CSS 而不是 img 标签。

我的代码:

<span id="Span1" class="iconPrinter"></span>

.iconPrinter{background:url(../images/BWIcons.gif) 不重复 0 0;填充:0 8px；

或

.iconPrinter{background:url(../images/BWIcons.gif) 不重复 0 0;宽度:16px；

它在 FF 上运行良好，但在 IE6 上我看不到图标，只有当我在 span 中插入一个 span 时。

当我使用 div 或 display:block 时；它工作正常，但我需要它是内联的。

谢谢

Answer 1

我发现插入内联标签(如 span 可用于 IE6)的最简单方法是:

(对于 16px 图标)

<span id="Span1" class="iconPrinter">&nbsp;</span>

.iconPrinter{background:url(../images/BWIcons.gif) no-repeat 0 0; padding:0 7px; font-size:16px;}