Jquery 如何使用css设置元素的响应背景图像？

每当我为

设置

背景图像时，总是需要在样式表文件中指定宽度和高度。这使得urlimage没有响应性，当我尝试解决我在这里发现的其他问题时，例如
背景尺寸：封面；
背景色：透明

或者使用类行并指定列，或者使用
max height
和
max width
图像将消失

以下是我目前的代码，根本没有响应：

<div class="container-fluid" style="position:absolute; bottom:50px;">
    <a class="urlImg" href="~/Home/Wall"></a>
</div>

如何使这个URLMages响应？
我做了一个小提琴来让它更清晰



还添加了
背景尺寸：contain
尝试使用
宽度：100%；高度：100%
然后设置
背景尺寸：封面@zeropublix也尝试过，但消失了。。我认为，因为我有一个背景，图像自动滑动，元素背景看起来好像不会浮在上面，做一把小提琴，这样我们就可以试试。现在看起来是这样的。。。仍然未显示
.urlImg{背景重复：无重复；宽度：100%；高度：100%；背景大小：封面；显示：内联块；背景图像：url（../img/2.2.png）；}
.urlImg {
 background-repeat:no-repeat;
 height:243px; 
 width:1022px;
 display:block; 
 background-image:url(../img/2.2.png);

} 

.urlImg:hover {
     background-image:url(../img/2.1.png);

} 

.urlImg:active {
     background-image:url(../img/2.3.png);

} 

.urlImg:visited {
     background-image:url(../img/2.2.png);

} 

.container-fluid{
  height:50%;
  width:50%;
}