CSS - 右边填充的背景图像

Question

我有一个a标记，右边填充为20px。如何将此图像的右侧部分作为填充内的背景？

现在的CSS规则：

.mali_oglas_kontrola a {padding-right: 20px }
.mali_oglas_kontrola a:first-of-type {background: url('../img/resursi/mgl_kontrola.png') no-repeat -17px 0;background-position: right top}
.mali_oglas_kontrola a:first-of-type:hover {background: url('../img/resursi/mgl_kontrola.png') no-repeat -17px -20px; background-position: right}

Answer 1

你不能..

在a标记内插入另一个元素，该元素将包含图标..

<a href="...">whatever <i></i></a>

并使用

.mali_oglas_kontrola a i{
    display:inline-block;
    width:..;/*exact width of icon*/
    height:..;/*exact height of icon*/
    background: url('../img/resursi/mgl_kontrola.png') no-repeat right top;
}
.mali_oglas_kontrola a:hover i{
    background-position: right -20px;
}