html img 标签不适用于 CSS Sprite 背景

Question

我有以下带 Sprite 背景的图片:

HTML:

<li>
    <img class="imgicons icons22" align="absmiddle" src="">
    <a href="#"></a>
</li>

CSS:

.icons22 {
    display: inline-block;
    background-position: -114px -306px;
    background-repeat: no-repeat;
}
.imgicons {
    width: 16px;
    height: 16px;
    background: url('../images/main.png') repeat scroll 0% 0% transparent;
}

输出是:

我应该如何去除图像的轮廓边框？我已经在 FF/Chrome 中检查过了。

Answer 1

尝试将 img 标签更改为 div。你不能有一个空的图像标签，然后将图像放入它的背景中......这不是它的工作方式。作为背景的图像属于 Block 元素。

http://jsfiddle.net/gK7dP/4/

(我增加了 div 的大小以容纳较大的 img，但您明白了...)