набор CSS фон не работает в Firefox

Question

$(function() { 
    var getBg = $('.one').css('background'); 
    $('.two').css('background', getBg); 
}); 

Fiddle

работал хорошо в Chrome, не работает в IE и FF, что мне не хватает?

Answer 1

Из документации JQuery на .css(propertyName):

индексирование стенографии свойства CSS (например, margin, background, border), хотя функционал с некоторыми браузерами, не гарантируется.

Похоже, в Firefox с помощью window.getComputedStyle(element), который я считаю, используется JQuery под капотом, чтобы получить .css('property') [1], возвращает CSS2Properties коллекцию, где background свойство является пустая строка. Но все более специфические связанные с фоном свойства (например, background-image, background-position и т. Д.) В порядке. Это, вероятно, одно и то же для других сокращенных свойств, например font - пустая строка, а font-family, font-size и т. Д. Имеют значения.

Вы можете исправить это клонированием эти свойства по одному:

http://jsfiddle.net/ohvuLqwe/5/

$(function() { 
    // get a reference to original element 
    var original = document.querySelector('.one'); 
    // get the computed style 
    var styleprops = getComputedStyle(original); 
    // create an object to hold the relevant properties 
    var clonebg = {}; 
    // iterate over the computed properties... 
    for(var prop in styleprops){ 
     // and store them in the object if they are not empty and the name starts with "background" 
     if(prop.indexOf('background') == 0 && styleprops[prop] != ""){ 
      clonebg[ prop ] = styleprops[prop]; 
     } 
    } 
    // use the jQuery .css({}) method to set all the cloned properties. 
    $('.two').css(clonebg); 
}); 

[1] https://github.com/jquery/jquery/blob/master/src/css/var/getStyles.js

Answer 2

Используйте 'Фоновое изображение', чтобы получить изображение

$(function() { 
    var getBg = $('.one').css('background-image'); 
    $('.two').css('background-image', getBg); 
}); 

Fiddle

Answer 3

Попробовать background-image собственности

$(function() { 
    var getBg = $('.one').css('background-image'); 
    alert(getBg) 
    $('.two').css('background-image', getBg); 
}); 

Fiddle

Answer 4

Попробуйте

$(function() { 
var getBg = $('.one').css('background-image'); 
$('.two').css('background-image', getBg); 
});