実装CSSスプライト画像

Question

Iは、スプライト内のすべての画像を比較して優れているオプションを決定 `tの：

<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で最後に動作しますが、ショーロゴなどの画像にdivを使用するのは良いですか？あなたの答えをありがとう！

Answer 1

いいえ、ロゴを表示するために、背景イメージを使用しないでください。この投稿はお役に立ちます。When to use IMG vs. CSS background-image?