html - 不含src属性但具有class属性的img标签会随机显示

我只是在stackoverflow中遇到一个问题，用户想要在html中提供图标，但不使用

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

但是，使用像

<img class="iconClass">

和CSS类是

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

我试过了，但这对我有用，但是更奇怪的是，图像不断重复直到指定的宽度和高度。为什么会发生这种情况，以及如何解决？

最佳答案

默认情况下，后台重复设置为重复。您应该设置：

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

要么 ：

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