0

假设我有以下 css。现在最近我们已经转向使用微调器的字体。所以现在我想做的就是用一个图标替换背景。

.ui-autocomplete-loading {
  background: url('images/spinner.gif') no-repeat center right;
  background-origin: content-box;
  background-position: right;
}

这就是我们在 HTML 端所做的......

<i class="icon-spinner icon-spin"></i>

有没有办法用底部图标微调器定义替换顶部背景？

4

1 回答 1

0

后者使用PNG sprite，如果我是正确的，您的代码来自Twitter BootStrap附带的Glyphicons。

即使标记使用单词图标确实意味着格式或方法与使用标准背景有任何不同，下面是icon-arrow-down使用 CSS 的代码。

.icon-arrow-down {
    background-position: -312px -96px;
}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

如果您想将 sort_asc.png 图像应用到它自己的类而不是表中，那么只需添加如下内容：

.sort-asc {
background: url('images/sort_asc.png') no-repeat center right; }
width:50px;
height:50px;
}
于 2013-03-29T13:16:27.560 回答