Html Can'；无法在CSS中显示内联图标

我有一个非常简单的Chrome扩展来补充网页。其中一个功能是添加链接，在互联网上观看相关比赛。相关HTML如下所示：

<div class="option-wrap">
    <a class="option" href="http://www.google.com" target=_blank>
        <div class="option-icon tv-icon"></div>
        TV Link
    </a>
</div>

您将看到HTML中出现了几个类，这些类不在我的CSS中；它们来自现有的网页。此代码的目标是使URL指定的电视图标内联显示在文本“TV链接”的右侧。当我运行代码时，似乎有为图标分配的空间，光标可以单击该空间，但没有可见的图标。我的CSS<有什么问题吗？或者这是现有网页代码的一个功能，我必须找到解决方法吗

下面是一个包含上述代码的示例

.tv-icon {
    margin-right: 2px;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url("http://sayeedanwar.co.uk/wp-content/uploads/2014/01/tv-servizi.png");
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}

我所做的改变：

• 删除“背景图像”中的“禁止重复”
• 添加“背景大小”和“背景重复”

---

我也改变了尺寸。如果需要，请将其更改回原处。

将css的最后两行切换到此位置

background-image: url("http://sayeedanwar.co.uk/wp-content/uploads/2014/01/tv-servizi.png");
background-size: cover;

@Richard Rodriguez-如果您有

背景尺寸：封面

，则不需要

禁止重复。
因为封面将覆盖所述区域，并将重复出现的机会减少到零。
您的
背景图像
规则语法不正确；它看起来像是这个规则和速记背景规则的交叉。您链接到的图像比您提供的空间大得多。最后，您的HTML无效。链接不能包含divs.works谢谢，如果可以，我会接受。“覆盖”是什么意思？它基本上意味着“调整图像大小，使其覆盖整个元素，包括宽度和高度”。
background-image: url("http://sayeedanwar.co.uk/wp-content/uploads/2014/01/tv-servizi.png");
background-size: cover;