CSS精靈看起來不同，那麼背景圖像

<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; 
}

和這樣的事情

的2種方式

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

但是，它似乎當我使用背景標籤它有一個額外的長度，並伸出了一點比較CSS類，爲什麼會發生這種情況的任何理由？我檢查了尺寸和他們都一樣

這可能是因爲你正在設置寬度，但我不確定 – btevfik 2013-04-29 07:30:46

你可以發佈鏈接的任何機會，比如jsFiddle？ – 2013-04-29 07:34:11

你好我張貼的圖像來顯示差異http://i40.tinypic.com/1r3mn6.png（與CSS類別 – user2328644 2013-04-29 07:38:09

（這應該是一個評論，但它的時間越長，所以我張貼作爲一個答案。）

幾個問題：

background="thefolder/userbg.gif"不CSS，但HTML。
你不必「使用CSS精靈」。爲什麼不只是一個「正常」的背景圖像，因爲你使用第一個例子？
在你的精靈例子中，你有矛盾的屬性。在你寫的width: 180px;的CSS中，但是在HTML中你有width="100%"。你不能同時擁有兩個 - 除非100％的寬度恰好導致180像素的寬度，但它仍然是一個壞主意。
與表格上的其他元素width和height不同僅僅是建議。有一個很好的機會，瀏覽器改變大小，以便表格內容適合。
這些圖像並沒有真正的幫助。區別可能是因爲你裁剪它們的方式不同。

2013-04-29 09:28:04 RoToRa

回答