Javascript 由于绝对位置，无法更改背景大小

首先是

我试图使

div

（或

div

中的元素）成为背景，以获取图像宽度并设置背景宽度。因为我使用的是

jQuery

position，所以我必须使用

position:absolute

属性，该属性出于某种原因禁用css中的

backgroundSize

，以及

jQuery中的
backgroundSize
。当我删除禁用
jQuery
position的position属性时，它只能处理这些属性。我尝试了
margin
/
padding
它也不起作用

HTML（不允许我添加图片，因此无法添加）

JS/jQuery

$('#ShortText').css({
  left: screen.width * .4,
    top: screen.height * .4,
})

CSS

#ShortText{
position:absolute;
background-color: rgba(255, 255, 255,.6);
background-size:100%;
}

我的最终目标是其中一个幻灯片图像，上面有文本，当你将鼠标悬停在文本上时，会显示更多文本，我需要背景，因为我不想为每张图片上的每个文本设置不同的颜色

编辑：
添加代码&修复jsfiddle
&更多信息
你的立场是绝对的，这是不允许事情改变的。将“绝对”更改为“相对”应该可以解决此问题。在你的JSFIDLE中，只需更改属性，它就对我有效。
请在你的问题中发布一个完整的代码示例。试一试位置：Relative你能详细说明问题是什么以及你到底想实现什么吗？添加更多关于我最终目标的信息，如果不够，我会尝试添加更多