html - CSS - 右侧填充中的背景图像

Question

我有一个a右填充为 20 像素的标签。我怎样才能把这个图像的正确部分作为背景放在填充内？

现在的 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;
}