jquery - jQuery 背景大小宽度和高度值

Question

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

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

我尝试了以下代码：

var itemResize = $(".slider-container ul li, .slider-container .blurlayer");

$(window).resize(function() {
    var windowWidth = $(window).width();
    itemResize.css({ backgroundSize : windowWidth });
}).resize(); 

Answer 1

如果您只提供一个值，浏览器会将其应用于宽度和高度属性。

这里有一个链接供您试验此参数可能的不同值： 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();