jQuery背景大小宽度和高度值

我正在尝试为背景大小设置宽度和高度，但是jQuery只会让我使用一个值，无论我尝试什么，它都摆脱了高度。

我目前正在使用变量动态设置宽度，但现在需要添加静态高度。 有关此问题的解决方案的任何想法？

我试过以下代码：

var itemResize = $(".slider-container ul li, .slider-container .blurlayer"); $(window).resize(function() { var windowWidth = $(window).width(); itemResize.css({ backgroundSize : windowWidth }); }).resize(); 

Answer 1

如果只提供一个值，浏览器会将其应用于width和height属性。

这是一个链接，您可以尝试使用此参数的不同值： http ： //www.w3schools.com/cssref/playit.asp？filename =playcss_background-size

注意：看起来css属性是background-size （即使backgroundSize似乎也有用）

Answer 2

即使高度没有变化，您也必须同时指定背景宽度和高度。

itemResize.css({ backgroundSize : windowWidth+' '+staticHeight });

Answer 3

宽度和高度都必须设置在一起，但作为字符串：

 var itemResize = $(".slider-container ul li, .slider-container .blurlayer"); $(window).resize(function() { var windowWidth = $(window).width() + 'px'; var windowHeight = '100px'; itemResize.css({ backgroundSize : windowWidth + ' ' + windowHeight }); }).resize();