Html 将背景图像定位在<；a>；要素

这将显示一个关闭图标，位于

元素中某个文本旁边（用于关闭引导选项卡）。HTML如下所示：

<li class="active"><a data-toggle="tab" href="#tab1">Page 1<span class="closeIcon"></span></a></li> 

谢谢。

使用来定位元素并将显示更改为

内联块

，而不是浮动它

---

浮动元素是罪魁祸首。

用于IE

显示：内联块和
位置：相对
.closeIcon {
  width:16px;
  height:16px;
  float:right;
  margin:2px -10px 0 4px;
  background:url('http://s21.postimg.org/jam8gpcr7/themes_windows_global_icons_close.png') 0 0;
}

.closeIcon {
    width:16px;
    height:16px;
    margin:2px -10px 0 4px;
    display:inline-block;
    background: url('http://s21.postimg.org/jam8gpcr7/themes_windows_global_icons_close.png') -1px 4px / 64px 16px no-repeat;
}