IE和Edge无法为CSS更改运行Javascript

Question

I've made a simple script to change the color of a div with the class '.logged_inn_text'. The script works by taking the background style from the clicked link and inserting it to the class.

The code was made in Chrome and it worked perfectly fine, while in IE and Edge nothing happens. If I alert the var named color, there is no response. Is there a reasonable reason why it's not working?

$(document).ready(function() {
    $('.settings_color_btn').click(function() {
        var colorId = $(this).attr('id');
        var colorIdFull = '#'+colorId;
        var color = $(colorIdFull).css('background');
        $('.logged_inn_text').fadeTo('fast', 0.4, function() {
            $(this).css('background', color);
        }).fadeTo('fast', 1);
        return false;
    });
});

Answer 1

Seems IE return undefined (thanks to adeneo who tested that), so changing

var color = $(colorIdFull).css('background');

to

var color = $(colorIdFull).css('background-color');

will do the trick