因位置绝对而无法更改背景大小

时间:2016-01-25 17:07:03

标签: javascript jquery html css

首先是JSfiddle

我正在尝试使div(或div)背景中的元素获取图像宽度并为其设置背景宽度。由于我使用jQuery位置,因此我必须使用position: absolute属性,因为某些原因,该属性会禁用css中的background-sizebackgroundSize中的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 &更多信息

1 个答案:

答案 0 :(得分:0)

你的立场是绝对的,这是不允许改变的。改变绝对'相对的'应该解决这个问题只是通过更改该属性,它在你的jsFiddle中为我工作。