Css 背景大小包含无效

Im正在使用jplayer并尝试设置播放按钮的样式，但该按钮不起作用，以下是部分控制面板代码：

html

从开发工具来看，两种风格完全没有区别。但是，我可以看出

背景大小：contain

不起作用，因为播放按钮实际上没有缩小到

a

的大小，但是停止按钮（甚至其他按钮）也可以正常工作。有人知道吗

---

请让我知道你需要的任何有帮助的信息！谢谢

使用

！重要信息

在您的

背景上

属性是问题所在。由于您使用的是

background

属性的速记语法，因此您还将所有浏览器的默认值设置为

！重要信息

。基本上，任何你没有用速记明确声明的东西

发件人：

后台CSS速记属性指定明确的给定值，并将缺少的属性设置为其初始值。（强调矿山）

这些“初始值”包括：

背景大小：auto-auto

。所以你基本上是在写：

background-size: auto auto !important;
background-size: contain;

当然，带有

的声明！重要信息

wins

如果你真的需要

！重要提示

声明，将其放在目标的特定属性上（如

背景重复

或其他内容）

下面是一个工作示例。第三个使用！重要

a{
边框：1px实心#888；
显示：内联块；
高度：100px；
利润率：10px；
宽度：100px；
}
a、 一个{
背景：url（'http://via.placeholder.com/350x150’）没有重复中心！重要；
背景尺寸：包含；
背景来源：内容框；
}
a、 两个{
背景：url（'http://via.placeholder.com/350x150“）无重复中心；
背景尺寸：包含；
背景来源：内容框；
}
a、 三{
背景：url（'http://via.placeholder.com/350x150")中心,；
背景重复：不重复！重要；
背景尺寸：包含；
背景来源：内容框；
}

试着找出原因来演示问题陈述中描述的问题。使用能够重现问题的嵌入式代码片段将改进此问题，并允许用户友好地进行故障排除。

li.jp-play{
    margin:0px;
    background:none;
}
a.jp-play{
    margin:0px;
    height:15px;
    width:15px;
    padding:5px;
    background:url('../../resources/images/video/play.png') no-repeat center !important;
    background-size:contain;
    background-origin:content-box;
}

li.jp-stop{
    background:none;
}

a.jp-stop{
    margin:0px;
    height:15px;
    width:15px;
    padding:5px;
    background:url('../../resources/images/video/pause.png') no-repeat center;
    background-size:contain;
    background-origin:content-box;
}

background-size: auto auto !important;
background-size: contain;