установка размера фона с помощью css в jquery

Question

У меня есть контейнер div, на котором я разместил еще два div (скажем, 1 & 2) для размещения контента. Я установил разные идентификаторы для div и нажав ссылку (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' 
}); 

См this для использования нескольких свойств JQuery CSS. И this для использования обложки фона.

Answer 2

Попробуйте как

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