在流体布局上用 jquery 替换背景大小答案

【问题标题】：Replace background size with jquery on fluid layout在流体布局上用 jquery 替换背景大小
【发布时间】：2014-08-10 16:12:59
【问题描述】：

我有一个使用流畅布局的网站，其中一个名为#main_picture 的<div> 有一个背景图像，该图像的大小取决于窗口的大小。

我想在背景图片高度之后设置div的高度#main_picture

我已经尝试过这段代码，但它抛出了 Uncaught SyntaxError: Unexpected token; 的错误；

希望有人有更好的想法可以提供帮助

$(document).ready(function(){
    var size = $('#main_picture').css('background-size');
    $("#main_picture").css({ 
        "background-size": size;
    });
});

【问题讨论】：

去掉size后面的分号
哦，谢谢，它工作正常，现在我才意识到 val 大小返回“cover”，我想知道它的真实高度
var size = $('#main_picture').height();
这是div的高度我想知道背景图像的高度
main_picture div 中是否有图像标签或者是图像？

标签： jquery html css fluid-layout

【解决方案1】：

你必须使用一个简单的语法错误，你使用了不需要的；在 css 属性定义中的 size 之后

$(document).ready(function(){
    var size = $('#main_picture').css('background-size');
    $("#main_picture").css({ 
        "background-size": size
});
});

或者你可以试试这个，但这不是好方法，这也是一样的

 "background-size": ""+size+""

【讨论】：