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

Question

我正在尝试找到显示我的图标的好理由。

我想使用 CSS 而不是 img 选项卡。

我的代码:

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

.iconPrinter{背景:url(../images/BWIcons.gif) 不重复 0 0;内边距:0 8px;}

或

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

它在 FF 上工作正常，但在 IE6 上我看不到图标，除非我在跨度中插入一个跨度。

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

谢谢

Answer 1

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

(对于 16 像素图标)

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

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