Question

我有一个div容器，我已经放置了另外两个div（比如说1＆amp; 2）来放置内容。我为div设置了不同的id并点击链接（div 2）我正在改变背景div的背景图像。我试图将背景大小设置为覆盖以占据整个屏幕宽度，但只显示图像的上半部分。这是我用来设置div的背景大小的代码。

     <script>
    $(document).ready(function(){
        //autoOpen: false,
        $(".span12").css('background-image','url(../images/assorting_2.jpg)','background-size','100%');
<script>

我本可以张贴图片但我无法发布，因为我的积分较少。

Answer 1

试试这个：

$(".span12").css({
    'background-image':'url(../images/assorting_2.jpg) no-repeat',
    'background-size':'cover'
});

有关使用多个jQuery CSS属性的信息，请参阅this。 this用于使用背景封面。

Answer 2

尝试

$(".span12").css({
                   'background-image':'url(../images/assorting_2.jpg) no-repeat',
                   'background-size':'100%'
                 });

在jquery中使用css设置背景大小

2 个答案: