Question

我有两种方式来调用图像

<table width="100%" height="81" border="0" cellpadding="0" cellspacing="2" background="thefolder/userbg.gif"> by using the background element in css

或者这样通过调用sprite并使用css类

.userbg{
    background-position: -460px -2px ;
    width: 180px;
    height: 81px;
}

和类似的东西

<table width="100%" height="81" border="0" cellpadding="0" cellspacing="2" class="userbg">

然而，当我使用背景标签时，它似乎有一个额外的长度，并在css类的比较中有点拉伸，任何理由为什么会发生这种情况？我检查了尺寸，它们都是相同的

Answer 1

（这应该是一个评论，但它更长，所以我把它作为答案发布。）

几个问题：

background="thefolder/userbg.gif"不是CSS，而是HTML。
您不必“使用”CSS精灵。为什么不只是一个“正常”的背景图像，因为你使用第一个例子？
在你的精灵示例中，你有相反的属性。在CSS中您编写了width: 180px;，但在HTML中您有width="100%"。你不能同时拥有 - 除非100％的宽度恰好导致180像素的宽度，但它仍然是一个坏主意。
与表格中的其他元素width和height不同，它们仅被视为建议。浏览器很有可能会改变大小，以使表的内容适合。
图像并没有真正帮助。差异可能是因为你以不同方式裁剪它们。