執行css_sprite圖片

Question

我比較雪碧的所有圖像和`噸決定哪個選項是更好：

<img src="./img/sprite.png" height="63" width="193" class="sprite-class" alt=""> 

.sprite-class { 
    object-fit: none; 
    object-position: -440px -315px; 
    font-family: 'object-fit: none; object-position: -440px -315px;'; 
    height: 63px; 
    width: 193px 
} 

和IE

和第二個選項有點JS代碼：

<div class="sprite-class"></div> 

.sprite-class { 
background-position: -494px -20px; 
width: 63px; 
height: 193px; 
background: url(./img/sprite.png) 0px 0px no-repeat; 
margin: 0 auto;} 

最後在沒有JS的IE中工作，但它是否很好用於展示logo和其他圖像？謝謝你的回答！

Answer 1

不，用於顯示徽標不應使用背景圖像。此帖可能對您有所幫助，When to use IMG vs. CSS background-image?