img標籤給出了一個隨機顯示

Question

我只是遇到一個問題在計算器，其中用戶想給HTML中的圖標，而不是使用

<img src="smiley.gif" alt="Smiley face" width="42" height="42"> 

但是，使用類像

<img class="iconClass"> 

和CSS類是

.iconClass{ 
       background:url('smiley.gif')!important; 
      } 

我想這一點，但是這對我的作品，但奇怪的日就是說，圖像正在重複，直到指定的寬度和高度。爲什麼會發生這種情況，以及如何解決這個問題？

Answer 1

背景重複是默認設置爲重複。您應該設置：

.iconClass{ 
    background-repeat: no-repeat; 
} 

或：

.iconClass{ 
       background:url('smiley.gif')!important no-repeat; 
      } 

Answer 2

爲什麼會發生是因爲背景是複合材料特性，其中包括背景顏色，背景圖片，背景重複，背景，地位的原因，背景附件。這意味着，當您單獨設置背景而不指定背景時 - 重複您只需覆蓋先前定義的規則，它就會回落到默認值，這是重複的。要修復它，你應該明確提供它：

.iconClass{ 
    background-repeat: no-repeat; 
}