jQuery Background-size Width AND Height values

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

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

这里有一个链接，供您尝试此参数的不同值：http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-尺寸

注意：看起来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();