0

我有两种调用图像的方法

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

或者通过调用精灵并使用 css 类的方式

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

和这样的东西

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

但是，当我使用背景标签时，它似乎有一个额外的长度，并且与 css 类相比有点延伸，为什么会发生这种情况？我检查了尺寸，它们都一样

4

1 回答 1

0

（这应该是一条评论，但它更长，所以我将其发布为答案。）

几个问题：

  • background="thefolder/userbg.gif"不是CSS，而是HTML。
  • 您不必“必须”使用 CSS 精灵。为什么不像您使用第一个示例那样只是“正常”背景图像？
  • 在您的精灵示例中，您有相互矛盾的属性。在您编写的 CSS中，width: 180px;但在您拥有的 HTML 中width="100%"。你不能同时拥有两者——除非 100% 的宽度恰好导致 180 像素的宽度，但这仍然是个坏主意。
  • 与其他元素width和height表格不同，仅考虑建议。浏览器很有可能会更改大小，以使表格的内容适合。
  • 图像并没有真正的帮助。不同之处可能是因为您以不同的方式裁剪它们。
于 2013-04-29T09:28:04.243 回答