首先是JSfiddle
我正在尝试使div
(或div
)背景中的元素获取图像宽度并为其设置背景宽度。由于我使用jQuery
位置,因此我必须使用position: absolute
属性,因为某些原因,该属性会禁用css中的background-size
和backgroundSize
中的jQuery
。当我删除禁用jQuery
位置的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 &更多信息
答案 0 :(得分:0)
你的立场是绝对的,这是不允许改变的。改变绝对'相对的'应该解决这个问题只是通过更改该属性,它在你的jsFiddle中为我工作。