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

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

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

Answer 2

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

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();

Answer 3

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

以下是您尝试使用此参数可能的不同值的链接： http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size

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

jQuery背景大小宽度和高度值

3 个答案: