html - CSS - 缩小背景图像以适合 div

Question

我正在开发的双按钮投票系统有以下 CSS:

.upvote, .downvote {
    display: inline-block;

    width: 25px;
    height: 25px;
    border: 0;
    background-size: 100%;
    background-size: 25px auto;

    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.upvote {
    background: url('./parts/icons/upvote.png');
}
.downvote {
    background: url('./parts/icons/downvote.png');
}

还有:

<div class="upvote"></div>
<div class="downvote"></div>

div 设置为 25px 的宽度和高度，但图像 upvote.png 和 downvote.png 比它 (128x128) 大得多。我需要将图像缩小到 25x25 以适应带有 CSS 的 div，但到目前为止，div 中没有任何可见的东西。

如果有人能帮我解决这个问题，我将不胜感激。谢谢。

Answer 1

简单

background-size: 100% 100%;

:)