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

setting background size using css in jquery

本文关键字：设置 背景 css jquery      更新时间：2024-05-09

我有一个div容器，我在上面又放置了两个div（比如1&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>

我本可以发布这些图片，但我无法发布，因为我的分数较少。

试试这个：

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

有关使用多个jQuery CSS属性，请参阅此内容。这是为了使用背景封面。

像一样尝试

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